24.2、获取DOM节点的方式
2022-04-13 09:16:57 0 举报
AI智能生成
JS
作者其他创作
大纲/内容
元素标签是元素节点、注释的内容是注释节点、文本内容是文本节点、document是文档节点...
所有页面中所呈现的内容,都是DOM文档中的一个节点(node)
document
9
nodeType(节点类型)
“#document”
nodeName(节点名字)
null
nodeValue(节点文本内容)
重要属性
文档节点
元素标签
1
nodeType
“大写标签名”
nodeName
nodeValue
元素节点
文字、标签之间的空格和换行也被当作文本节点
3
“#text”
文本内容
文本节点
注释内容
8
“#comment”
注释节点
节点类型
=========================我是分隔符==========================
基于这些属性可以获取到指定的节点
描述节点和节点之间的关系属性
获取当前容器中所有的子节点
包含各种类型的节点
获取到的是一个节点集合,包含容器中的所有类型节点(空格换行是文本节点)
在IE6~8中,不会把空格和换行当作文本节点(不认为这是节点)
[CONTAINER].childNodes
获取当前容器中所有的元素子节点
获取的是一个元素集合,只有元素节点
只有元素标签的,在IE低版本浏览器中,也会把注释当作元素节点
[CONTAINER].children
获取某一个节点的父节点
[NODE].parentNode
获取某一个节点的上一个哥哥节点
[NODE].previousSibling
获取某一个节点的上一个哥哥元素节点(不兼容IE低版本浏览器)
[NODE].previousElementSibling
获取某一个节点的下一个弟弟节点
[CONTAINER].nextSibling
获取某一个节点的下一个弟弟元素节点(不兼容IE低版本)
[CONTAINER].nextElementSibling
获取容器中第一个子节点
[CONTAINER].firstChild
获取容器中第一个元素子节点(不兼容IE低版本)
[CONTAINER].firstElementChild
获取容器中最后一个字节点
[CONTAINER].lastChild
获取容器中最后一个元素子节点(不兼容IE低版本)
[CONTAINER].lastElementChild
属性
所有方法和属性,都是为了快速获取到我们想要操作的DOM元素或者节点的
获取DOM节点的方式
0 条评论
回复 删除
下一页