class 原生js获取父元素_js定位大全获取节点的兄弟,父级,子级元素含robot实例...

本文介绍了原生JavaScript获取DOM元素的各种方法,包括获取兄弟、父级、子级元素,如getElementById、getElementsByClassName等。同时提到了querySelector和querySelectorAll的使用,并通过实例展示了如何操作这些元素。此外,还提及了jQuery中对应的节点查找方法,如.parent()、.children()、.siblings()等。最后提供了一些robotframework的执行JavaScript实例。
摘要由CSDN通过智能技术生成

一、js定位兄弟,父级,子级元素

所有DOM方法

var el = document.getElementById('xxx');

var el = document.getElementByName('xxx');

var els = document.getElementsByClassName('highlight');

var els = document.getElementsByTagName('td');

tips:

getElementsByClassName()是HTML5 新增的DOM API。IE8以下不支持。

对于现代浏览器开发,还可以使用querySelector()和querySelectorAll()。他们的功能更加强大。

=======================附注=========================

解释:getElementsByClassName()是HTML5的DOM API。

举个栗子:document.getElementsByClassName("wrapper"); //取得DOM中所有class = "wrapper"的元素

解释:querySelector()和querySelectorAll()

是新标

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值