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 无法识别。

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

标签：JavaScript,DOM,元素,idName,查找,HTML,var,dom1
来源： https://blog.51cto.com/heboyme/2979829