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 页面元素没有加载出来之前获取