selenium之document.querySelector()方法

最新推荐文章于 2025-03-31 16:44:58 发布

my向阳而生

最新推荐文章于 2025-03-31 16:44:58 发布

阅读量1.5k

点赞数 9

分类专栏： selenium 文章标签： javascript

本文链接：https://blog.csdn.net/u014694915/article/details/138338925

版权

本文介绍了JavaScript中常用的两种元素选取方法document.querySelector()和querySelectorAll()，强调了querySelector的独特之处在于返回第一个匹配元素，而querySelectorAll则返回所有匹配元素的NodeList。同时，文中还提及了querySelector的应用场景和querySelectorAll在处理大量相同标签时的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.querySelector()方法

1. 常用的三种获取元素的js方式

document.getElementById("");

document.getElementsByClassName();

document.getElementsByTagName();


 var doc=document;
 
var box=doc.getElementById("box");
 
var li=box.getElementsByTagName("li");
 
var surfaces=box.getElementsByClassName("surfaces");

querySelector()可以直接加点击事件，而querySelectorAll()不能直接加点击事件

2. querySelector()

var node = document.querySelector("#lover"); // 获取文档中的第一个id=lover的元素
var node = document.querySelector(".lover"); // 获取文档中的第一个class="lover"的元素
var node = document.querySelector("p.lover"); // 获取class=“lover” 的第一个p元素
var node &