JS基础入门篇（二十四）—DOM（上）-白红宇

JS基础入门篇（二十四）—DOM（上）

阅读量：7260 次

发布时间：2019-06-29

本文共 1165 字，大约阅读时间需要 3 分钟。

1.常用的节点类型，nodeType，attributes，childNodes。

1.元素节点 - 12.属性节点 - 23.文本节点 - 34.注释节点 - 85.文档节点 - 9查看节点类型    node.nodeType(返回的是数字)属性节点    元素.attributes(获取的是集合)    元素.attributes[0]通过元素.childNodes获取子节点    childNodes 获取到的是一个集合        集合中 包含了 元素的 所有子节点            其中有 元素 子节点 ,注释,文本节点...

举例说明，以下是全部代码：

2.nodeName

3.parentNode,children,childNodes

node.parentNode：找到node的父节点

children：获取节点的一级的元素子节点，只获取元素，返回的是HTMLCollection集合。

childNodes：获取节点的一级子节点，可能获取到元素节点，文本节点，注释节点等，返回的是Nodelist集合.

举例说明，可以把代码粘贴，自己运行看看：

4.node.previousElementSibling和node.nextElementSibling

兄弟关系

node.previousElementSibling 上一个元素兄弟节点    node.nextElementSibling 下一个元素兄弟节点

举例说明，可以把代码粘贴，自己运行看看：

5.node.firstElementChild和node.lastElementChild

嵌套关系

node.previousElementSibling 第一个子级    node.nextElementSibling 最后一个子级

举例说明，可以把代码粘贴，自己运行看看：

转载地址：http://dakdm.baihongyu.com/

你可能感兴趣的文章

Linux中Nginx中添加自签证书TLS

查看>>

DFS ZOJ 1002/HDOJ 1045 Fire Net

BZOJ2458：[BJOI2011]最小三角形——题解

查看>>

BZOJ4946 & 洛谷3826 & UOJ318：[NOI2017]蔬菜——题解

查看>>

10. ZooKeeper之搭建伪集群模式。

查看>>

Easyui Datagrid 如何实现后台交互显示用户数据列表

查看>>

模块登录页代码

查看>>

CCF-CSP 201709-3 JSON查询题解

查看>>

获取当前路径 ${pageContext.request.contextPath}

查看>>

开博始点，凡程子来了

查看>>

[问题记录]Ubuntu下chmsee安装失败的解决

Revit API根据参数类型取得参数的值

查看>>

python18天-pycharm & 正则表达式

查看>>

pdf转txt

查看>>