JavaScript节点操作之获取节点

1.获取当前标签中所有的子级节点,执行结果是一个伪数组,可以forEach()
形式是与querySelectorAll()获取的伪数组是一样的
oDiv.childNodes
2.获取当前标签中,所有的元素节点/标签节点,执行结果是一个伪数组,不可以forEach()
oDiv.children
3.获取当前标签中,第一个节点
oDiv.firstChild
4.获取当前标签中,最后一个节点
oDiv.lastChild
5.获取当前标签中,第一个标签节点,其他节点不会获取
oDiv.firstElementChild
6…获取当前标签中,最后一个标签节点,其他节点不会获取
oDiv.lastElementChild
7.获取当前标签,上一个兄弟节点(找哥哥),如果没有执行结果是null
oDiv.previousSibling
8.获取当前标签,下一个兄弟节点(找弟弟),如果没有执行结果是null
oDiv.nextSibling
9.获取当前标签,上一个兄弟元素节点(找标签哥哥)
oDiv.previousElementSibling
10.获取当前标签,下一个兄弟元素节点(找标签弟弟)
oDiv.nextElementSibling
11.获取当前标签,父级节点,只获取直接父级节点
oDiv.parentNode
12.获取当前标签所有属性节点,执行结果是伪数组,不能forEach
oDiv.attributes
总结:
通过节点操作获取的对象/伪数组与通过DOM操作的对象/伪数组,形式上是一致的
可以相互操作,DOM方法可以操作节点对象
节点方法可以操作DOM对象
只要正确的获取对象,之后想怎么操作,就怎么操作
执行结果,伪数组/对象,伪数组有的可以forEach,有的不能forEach

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值