DOM文档对象模型
文档对象模型其实就是操作html标签的一些能力,比如我们可以获取、创建、添加或移除某个标签,也可以给元素绑定一些事件,获取元素的属性,给元素添加一些css样式等等。
DOM的和新对象是document,document对象是浏览器内置的一个对象,它有各种专门用来操作元素的方法。DOM实际上是页面中的标签,通过js获取到以后,就把这个对象叫做DOM对象。
一、document获取html元素的方法:
- 通过id名获取 document.getElementById('id’名)
- 通过标签名获取 document.getElementsByTagName(‘标签名’)
该方法返回的是一个伪数组,每个与标签名匹配的标签为数组的一个项。伪数组不是真正的数组,它可以通过索引号访问里面的元素,可以使用length方法获取长度,可以进行遍历,但是不能使用数组的常用方法,比如pop之类的。 - 通过类名获取 document.getElementsByClassName(‘类名’)
类名不是唯一的,所以该方法获取到的往往不止一个标签,所以该方法返回的也是一个伪数组。 - 通过name属性获取 document.getElementsByName(‘name名’)
像input这样常带有name属性的标签,一般使用该方法。name不唯一,所以该方法返回的也是一个伪数组。 - 使用querySelector系列方法获取
引号内写要查询的条件,如果根据id名来获取引号内就填#id名,如果根据类名就写 .类名,如果根据标签名就直接写标签名。
① docume