gpt4 book ai didi

javascript - 如何识别 DOM 中的元素以在单击按钮事件中使用?

转载 作者:行者123 更新时间:2023-12-03 01:00:10 25 4
gpt4 key购买 nike

现在我已经掌握了几个月的 Python 知识,正在尝试学习一些 Javascript。使用 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 传递给它。只有一个元素的 id在您的 HTML 中,外部 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();

关于javascript - 如何识别 DOM 中的元素以在单击按钮事件中使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52657905/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com