JavaScript学习笔记DOM(1)-查找HTML元素

查找 HTML 元素三种方式:

  • 通过 ID 查找到 HTML 元素
  • 通过标签名找到 HTML 元素
  • 通过类名找到 HTML 元素

1.通过 ID 查找到 html 元素

var dom1=document.getElementById("idName");

其中 idName 为你要查找元素的唯一 id 值

例如:

<div id="idName"></div>

2.通过标签名查找到 Html 元素

var dom1=document.getElementById("idName");            //先 id="idName"元素
var dom2=dom1.getElementsByTagName("div");             //获取 dom1 中所有<div>元素
var dom1=document.getElementById("idName");            //先 id="idName"元素
var dom2=dom1.getElementsByTagName("div");             //获取 dom1 中所有<div>元素,此处返回的是数组

3.通过类名查找到 Html 元素

var dom1=document.getElementsByClassName("class-name");   //此处 class-name 为你获取元素的 class 值,此处位数组

例如:<p class="class-name"></p>

注意:在 html5 中,需要把JavaScript代码放在 html 代码后,不然有些 dom 无法识别。

标注为数组的地方得写标哟!


上一篇:14-JSX.html


下一篇:vue 使用cornerstonejs展示 DICOM影像数据