请选择 进入手机版 | 继续访问电脑版
创作

JavaScript进阶知识点,节点类型Node

JavaScript  / 只看大图  / 倒序浏览   © 著作权归作者本人所有

#楼主# 2020-6-22

跳转到指定楼层
00.jpg
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,换句话说,这是表示和处理一个HTML或XML文档的常用方法。DOM描绘了一个层次变化的节点树,允许开发人员添加、移除和修改页面的某一部分。JavaScript中的所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法。

①nodeType属性
11.jpg

  • 需要注意的是,在IE中不支持常量。

22.jpg

②nodeName和nodeValue
33.jpg

③节点关系
文档中所有节点之间都存在着这样或那样的关系。节点间的各种关系可以用传统的家族关系来描述,相当于把文档树比喻成家谱。
44.jpg
  • hasChildNodes()在节点包含一个或多个子节点的情况下返回true;
  • NodeList对象拥有length属性,但并不是Array实例;其是基于DOM结构动态执行查询的结果,因此DOM结构的变化能够自动反应在NodeList对象中。可以通过方括号,也可以使用item()方法访问NodeList中的节点。



④操作节点
关系指针是只读的,所以DOM提供了一些操作节点的方法。
55.jpg
并不是所有节点都有子节点,如果在不支持子节点的节点上调用了上述方法,将会导致错误发生。

更多前端进阶知识,尽在WEB明教光明顶(https://web.xingruanedu.com

转播转播 分享分享 分享淘帖 反对反对
回复

使用道具

成为第一个回答人

B Color Link Quote Code Smilies
站点地图|手机版|WEB明教光明顶 |湘ICP备19021820号-1
Powered by WEB明教  © 2017-2020 Starsoft.
返回顶部