如何在 Chrome 控制台中按标题搜索元素答案

【问题标题】：How to Search Elements by Title in Chrome Console如何在 Chrome 控制台中按标题搜索元素
【发布时间】：2018-08-14 12:24:26
【问题描述】：

我正在尝试使用控制台创建一些单击 Chrome 网页中元素的脚本。起初我是按“姓名”来做的：
document.getElementsByName("name")[0].click()
但后来我意识到按钮的名称会改变页面的每个实例。该按钮也没有 ID。所以我能找到的下一个最具体的属性是标题。有没有类似于上面代码的东西可以用来点赞getElementByTitle？

此外，我要单击的按钮标题为“保存更改”，但其前面始终有一个标题为“保存更改广告关闭”的按钮。它会先点击那个吗？

【问题讨论】：

您可能需要为所有要单击的按钮添加一个类名，然后使用getElementsByClassName() 您可能还需要保存当前显示的元素，并将搜索限制为该元素元素。例如，如果您有选项卡，则将当前选项卡的 id 放入窗口中。如果你有一个，那将是你导航系统的一部分。

标签： javascript google-chrome google-apps-script

【解决方案1】：

你可以使用类似的东西：

document.querySelector("[title='Save Changes']")

这将为您提供第一个将属性 title 设置为 Save Changes 的元素。

您可以从HERE了解更多关于 CSS 属性选择器的信息

【讨论】：