js 获取DOM元素的方法
getElementById: 通过Id名获取；getElementsByTagName: 通过标签名获取；getElementsByClassName: 通过类名获取；querySelector: 通过选择器获取该选择器的第一个元素对象；querySelectorAll: 通过选择器获取该选择器所有的元素对象；document.body: 专门获取body元素；document.documentElement: 专门获取html元素。1. getElementById(“id名”)
上下文必须是document；参数是元素的id名，字符串类型；返回元素对象，如果没有该id名则返回null。<div id="box"></div>const box = document.getElementById("box");
2. getElementsByTagName(“标签名”)
上下文可以是document，也可以是其父元素调用；参数是标签的名字，字符串类型；返回一个包含所有该标签名元素对象的类数组，没有则返回空数组。<ul id="ul"><li>1</li><li>2</li><li>3</li><li>4</li></ul>// 通过document获取所有的liconst lis = document.getElementsByTagName("li"); // 类数组，包含四个li元素对象// 通过获取到的ul获取liconst ul = document.getElementById("ul");const lis = ul.getElementsByTagName("li");
3. getElementsByClassName(“类名”) （H5新增）
上下文可以是document，也可以是其父元素调用；参数是标签class的值，字符串类型；返回一个包含所有该类名元素对象的类数组，没有则返回空数组。<div class="box"><div class="box1"></div></div>const box = document.getElementsByClassName("box");const box1 = box[0].getElementsByClassName("box1");
4. querySelector(“选择器”) （H5新增）
上下文可以是document，也可以是其父元素调用；参数是选择器，字符串类型；只返回指定选择器的第一个元素对象。<div class="box">1</div><div class="box">2</div>const box = document.querySelector(".box"); // 返回第一个元素对象 <div class="box">1</div>
5. querySelectorAll(“选择器”) (H5新增)
上下文可以是document，也可以是其父元素调用；参数是选择器，字符串类型；根据指定选择器返回所有的元素对象的集合。<div class="box">1</div><div class="box">2</div>const box = document.querySelectorAll(".box");
