webAPI里的获取元素

Dom 文档对象模型里面提供了很多的API,对页面的对象,做增删查改.

webAPI里的获取元素

a:根据id来获取元素

documen.getElementById("id名");

b:根据标签名来获取元素

document.getElementsByTagName("标签名");

找到页面上所有的这个标签

某个元素.getElementsByTagName("标签名");

找到当前这个元素下的所有的这个标签

c:根据类名来获取元素

document.getElementsByClassName("类名");

不推荐使用,ie8和它之前的浏览器不支持

d:根据属性name来获取元素,一般获取表单元素

document.getElementsByName("属性name名");

e:选择器获取元素

document.querySelector(参数)

参数是选择器,得到的结果是根据这个选择器选中的第一个元素.

方法返回匹配指定选择器的第一个元素

document.querySelectorAll(参数)

参数是选择器.得到的结果是根据这个选择器选中的所有的元素

方法返回匹配指定选择器的所有元素

注意点: 如果获取元素返回值是一个 null 

          1 id名获取标签名或者类名不正确

           2 页面元素没有加载出来之前获取