js中的节点类型与获取方式

节点类型:

document                文档节点、整个页面
documentType文档类型节点
Element元素节点、标签节点       
Attribute属性节点
Text文本节点
Comment注释节点

要用JS方式去对元素进行处理的话,通常需要先去获取元素的节点,然后针对节点进行加工。

在js中有以下几种方式去获取节点:

一般来说,获取节点是需要在页面上获得的,故通常有document的前缀

document.getElementById通过Id属性去查询符合的标签
document.getElementsByClassName通过配对class属性名来查询标签               
document.getElementsByTagName通过配对标签名去查询标签
document.getElementsByName通过配对name属性获取标签

通过选择器查询:

document.querySelector通过配对class来配对标签,配对第一个

document.querySelectorAll                        

通过配对class来获取标签,配对所有满足条件的

在以上选择器中,可以进行套用来获取某个子元素,除了document.getElementById和document.querySelector是只获取第一个符合条件的外,其他配合方式都是需要加上下标,使用中括号+数字的方式去精确到某个元素后才能进行下一步的获取。

例如:

document.getElementsTagName('div')[1].getElementsByTagName('p')

是指获取页面第2个div标签中的所有子代p标签。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值