DOM简单操作

一、DOM与Node

DOM是针对html和xml的API。
1998年DOM1级规范成为W3C推荐规范。DOM1级规范定义了Node接口,javascript中所有文档节点都继承自Node,共享着相同属性和方法。

二、节点类型

节点类型

三、属性

1.nodeName和nodeValue

使用前最好检查节点类型。对于元素节点nodeName返回标签名,nodeValue为Null.

2.节点关系

parentNode 父节点
childNodes 子节点
firstChild 第一个子节点
lastChild 最后一个子节点
previousSibling 前一个同胞节点(没有则为null)
nextSibling 后一个同胞节点(没有则为null)

四、方法

1.操作节点(操作对象都为父节点)

appendChild() 添加到子节点的最后
insertBefore(new,some) 在some前添加new(some为空则与appendChild()效果相同)
replaceChild(new,some) 替换节点
removeChild() 移除节点

2.通用方法

cloneNode()(参数true:深复制,同时复制该节点的子节点。参数false,浅复制,只复制该节点自身)
normalize() 找到后代中的空文本节点将其删除,找到相邻文本节点将其合并。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 658评论 0 1
  • 节点层次 DOM 可以将任何 HTML 和 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每...
    云之外阅读 547评论 0 1
  • 什么是DOM??? DOM(Document Object Model 文档对象模型)是针对HTML和XML文档的...
    荧惑3_3阅读 1,408评论 0 1
  • 周五的晚上,每一刻都是幸福的。 我和糖并肩站在厨房,他做个清蒸鱼,我做个茄汁大虾,蒸锅里鱼的香气充溢在四周,虾也慢...
    王小唐阅读 145评论 0 1
  • 他和她原本是陌生人,他们素未谋面,他们住在同一城市的不同角落,靠着在聊天群里加好友保持联系。后来,他飞往大连读书,...
    比特抽阅读 91评论 0 2