查找 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 无法识别。
标注为数组的地方得写标哟!