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 表示当前节点的后一个兄弟节点。

原文地址:https://www.cnblogs.com/ccqq/p/11242854.html