Dom之获取元素系列:
1、dom之childNodes:在某个元素中查找其所有子元素,返回以数组形式的所有子元素,数组索引以0开始,以此类推。(注意:获取子元素的时候,这些子元素包括文本内容节点(文本内容也算是一个子元素,但不会跨级获取。注释、空格都算是一个元素,但在ie下会自动把空格过滤,但注释会看做成一个元素输出,在firefox下,会出现问题,弹出undefined))。
2、dom之firstChild:获取某元素的第一个元素。例:<ul><li>line 1</li><li>line 2</li><li>line 3</li></ul>,其中line 1所在li为ul的第一个元素。(注意:如果遇到空格的时候,在ie下会过渡,但在firefox下会遇到问题)
3、dom之lastChild:获取某元素的最后一个元素。同第2条。
4、dom之nextSibling:获取某元素的兄弟元素,即某个元素的下一个元素。例:<ul><li>line 1</li><li>line 2</li><li>line 3</li></ul>,我们可以利用nextSibling来获取第一个li元素的下一个元素。(同样需要注意在不同浏览器下的空格问题)
5、dom之previousSibling:获取某元素的前一下元素。同第4条获取结果刚好相反。
6、dom之hasChildNodes():判断某元素下是否存在子元素。返回值为boolen,存在返回true,否则返回false。
7、dom之nodeName:以大写形式返回某个元素的标签名称。(注意:如果引用的节点是一个文本类型nodeName则返回#text,同时,fireFox不会过滤空格,空格返回与文本类型一样,均为#text)
8、dom之nodeType:该属性可以获取html或xml的文档内标签内容的类型。一共有十二种,常用的是四种:返回值为1代表是正常元素标签,返回3代表该元素的文本内容,返回8代表注释,返回9代表文档类型。
9、dom之nodeValue:获取该元素的文本内容。
10、dom之parentNode:获取当前元素的父级元素,没有的话返回null。

浙公网安备 33010602011771号