JavaScript初级——DOM查询

一、获取元素节点

二、innerHTML  

        通过这个属性可以获取到元素内部的 html 代码。

—— 对于自结束标签，这个属性没有任何意义

三、getElementsByTagName（）

                可以根据标签名来获取一组元素节点对象，这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中。

四、读取元素节点属性

如果要读取元素节点属性，直接使用  元素.属性名

例如：元素.id、元素.name、元素.value

注意：class 属性不能使用这种方式，读取class属性时要使用 元素.className。

五、获取元素节点的子节点

六、获取父节点和兄弟节点

七、childNodes属性

        会获取包括文本节点在内的所有节点，根据DOM标签间的也会当成文本节点

        注意：在IE8及以下的浏览器中，不会将空白文本当成子节点。

八、children 属性

        可以获取当前元素的所有子元素。

九、firstElementChild

        不支持IE8及以下的浏览器，如果需要兼容他们尽量不要使用。

十、innerText 

        该属性可以获取到元素内部的文本内容，它和 innerHTML 类似，不同的是他会自动将html去除

十一、previousElementSibling

        获取前一个兄弟元素，IE8及以下不支持。

十二、文本框的value属性值

        就是文本框中填写的内容。

十三、checked属性

        通过多选框的checked属性可以来获取或设置多选框的选中状态。

十四、响应函数

        在事件的响应函数中，响应函数是给谁绑定的this就是谁。

本文分享先到这里，下一节继续分享关于DOM查询的一些其他方法。