当前位置: 移动技术网 > IT编程>开发语言>JavaScript > js基础之DOM节点

js基础之DOM节点

2018年12月06日  | 移动技术网IT编程  | 我要评论
一、获得元素: 1.getelementsbytagname()----所有都有这个方法,没兼容性问题 2.getelementbyid()---ie8.0以下,不区分id的大小写,也就是说也没兼容

一、获得元素:

1.getelementsbytagname()----所有都有这个方法,没兼容性问题

2.getelementbyid()---ie8.0以下,不区分id的大小写,也就是说也没兼容性问题

3.getelementsbyclassname()---ie9.0以下没有这个方法,存在兼容性问题。

4.getelementsbyname()---name属性,input的name属性,并不是所有标签都有效

5.queryselector('选择器')---ie8.0以下不兼容,选出来的是副本,再修改html中dom时,之前选出来的副本不会产生相应变化。

二、遍历

遍历节点树:parentnode/childnodes/firstchild/lastchild/nextsibling/previoussibling---节点树包括文本节点,注释节点,空节点

遍历元素树:除children之外,其他ie9以下都存在兼容性问题

parentelement---最高的父级到html;

children---无兼容性问题,只返回当前元素的元素子节点

node.childelementcount===node.children.length当前节点的子元素个数

firstelementchild---返回的是第一个元素节点(ie不兼容)

nextelementsibling/previouselementsibling

节点的类型:调用该节点nodetype

元素节点---1;属性节点---2;文本节点---3;注释节点---8;document---9;documentfragment---11

原型链:document--->htmldocument.prototype--->document.p rototype

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网