dom查询

在JS中要想将自己的代码与网页有所联系，那就需要dom来实现。在dom中用多种方式进行元素的获取，这里就一一的列举。

01：获取元素内部的html代码(innerHTML):方法

通过一个变量在获取到html中内部所对应标签的id值。语法： 变量.innerHTML。当然单独这样我们是看不出什么的，我们 可以通过alert弹窗，或者document，来进行查看内容。对于自结束标签没有用。

02获取一组元素节点对象：（getElementsByTagName）-方法

 查找所有的一种元素节点。我们可以用getElementsByTagName。这种方式会给我们返回一个类数组对象，所有查询的元素都会封装到对象中。语法：var 变量 = document.getElementsByTagName。当然了，既然是数组，我们就可以通过数组的方式进行它内容的查看，用for循环，将内容依次输出。

如for（var i=0;i<变量.length;i++）{ alert（变量[i].innerHTML） }。

03根据name属性来获取一组元素节点对象： （getElementsByName）-方法

返回值一样是一个数组用法与上述类似，只是getElementsByName访问的是一个元素中的name属性值。

04获取子节点（childNodes）-属性

表示当前节点的所有字节点。语法 var 变量 = 变量.childNodes。childNodes会获取我们元素节点的所有子节点，这就包括了文本节点包括空白的节点。所有有时候在找节点的时候就要分清楚有没有空白。

firstChild表示获取当前节点的第一个子节点        lastChild表示当前节点的最后一个子节点

05获取父节点和兄弟节点 -属性

语法： 变量.parentNode 表示当前节点的父节点。

语法： 变量.previousSibling 表示当前节点的前一个兄弟节点。

语法： 变量.nextSibling 表示当前节点的后一个兄弟节点。

 

标签：变量,dom,元素,查询,语法,获取,childNodes,节点
来源： https://www.cnblogs.com/ccqq/p/11242854.html