首页
IT
登录
6mi
u
盘
搜
搜 索
IT
Javascript——DOM模型解析
Javascript——DOM模型解析
xiaoxiao
2021-04-13
33
DOM
中
model
部分
•
文档结构理解为一个倒树模型
•
文档中每一个内容都是树中的一个节点(内容包括:元素、内容、属性、注释)
DOM
中节点遍历
•
父节点(单数):
parentNode
•
子节点(复数):
childNodes
、
firstChild
、
lastChild
•
兄弟节点:
nextSibling
(下
一个节点
)、
previousSibling(
上一个节点
)
文档树中节点说明
•
节点名称:
nodeName
•
元素节点:标签名称
属性节点:属性名称
文本节点:
#Text
•
注释节点:
#comment
文档节点:
#document
•
节点值:
nodeValue
•
元素节点:不可用
属性节点:属性值
文本节点:文本内容
•
注释节点:注释内容
文档节点:不可用
•
节点类型:
nodeType
•
元素节点:
1
属性节点:
2
文本节点:
3
•
注释节点:
8
文档节点:
9
在文本流中节点操作
•
创建节点对象:
document.createElement
•
追加子节点:对象
.appendChild(
插入的节点对象
);
•
删除子节点:对象
.removeChild(
删除的节点对象
);
转载请注明原文地址: https://ju.6miu.com/read-668393.html
技术
最新回复
(
0
)