如何识别 DOM 中的元素以用于单击按钮事件?

6seven8

尝试学习一些 Javascript 现在我已经掌握了几个月的 Python。使用 Javascript 的页面上的 HTML 元素有问题(不确定这是正确的措辞)。

我有一个简单的 Chrome 扩展程序,我试图告诉它在页面加载时单击一个按钮。

DOM 或多或少显示了这段代码:

<body class="skin-mark toolbar-open  table-active">
    <div class="tile-tables"></div>
</body>

我点击按钮的尝试有多种与此类似的方式:

document.querySelector('#tile-tables').click();

任何帮助理解这里的过程以及我做错了什么都会很棒!提前致谢!请随时在任何地方纠正我,我会修正我的语言。

某些表演

当您使用时,getElementById您必须将元素的id传递给它。idHTML 中只有一个带有 an 的元素,即外部元素userActActions-51- 因此,如果您要先按 ID 进行选择,您会这样做

document.getElementById('userActActions-51')

然后您将访问第二个嵌套子项:

const userActions = document.getElementById('userActActions-51');
const span = userActions.children[0].children[0];
span.click();

但是使用它会更方便querySelector,这将允许您使用选择器字符串立即选择span具有 id 的元素后代userActActions-51

document.querySelector('#userActActions-51 span').click();

如果该元素可能不存在,则在尝试单击它之前确保它存在:

const span = document.querySelector('#userActActions-51 span');
if (span) span.click();

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何识别DOM中的每个元素以及元素的顺序?

使用单击事件时,如何以编程方式从 DOM 中删除呈现的 v-for 元素?

使用Angular和Ionic,如何在单击按钮时将元素添加到DOM中

处理VueJS中的DOM元素单击事件

如何解决警告:React无法识别DOM元素上的X属性

如何解决警告:React无法识别DOM元素上的“ currentSlide”,“ slideCount”道具

如何从内部 DOM 中获取元素。(DOM with-in DOM)

如何自动检测 DOM 中的元素以填充 const 数组?

浏览器如何识别DOM节点?

在puppeteer中,如何等待DOM元素加载,然后单击

如何通过C#在Selenium Webdriver中单击DOM元素

如何存储参考DOM元素以供以后使用

如何收听在子元素的影子dom中触发的事件?

如何激活 dom 元素中的点击事件(Angular 2)

硒:硒如何识别可见元素?是否可以将其加载到DOM中但不能在UI上呈现?

如何在PageFactory.initElement(driver,this)中使用索引号从DOM中识别两个相同的元素?

如何让光dom CSS应用于阴影dom元素?

如何使用dom元素

如何显示 DOM 元素

如何识别按钮或标题栏关闭按钮在 WPF 中单击引发的 Window_Close 事件?

字符识别 在 Java DOM 中

如何获取“ selectionchange” dom事件的目标元素

如何访问事件模板的dom元素?

virtual-dom-如何获得真实的DOM元素以便与spin.js集成?

当从DOM中删除元素时,硒并不总是能够识别

我如何将切换按钮绑定到单击的元素以在React中映射数据

如何获取特定元素中的DOM元素?

如何获取dom-if或dom-repeat中的元素?

如何识别#document 中的元素