首页 > web前端 > js教程 > js---DOM节点

js---DOM节点

不言
发布: 2018-04-04 11:10:26
原创
1193 人浏览过

本篇文章的内容是js中的DOM节点 ,在这里分享给大家,也可以给有需要的朋友参考一下

一、获得元素:

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

相关推荐:

js中DOM元素的操作方法

js之DOM事件流详解

JS中DOM如何操作

以上是js---DOM节点 的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板