尝试学习一些 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传递给它。id
HTML 中只有一个带有 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] 删除。
我来说两句