Question

现在我已经掌握了几个月的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();

任何帮助您了解此处的流程以及我做错了的事情都将非常有用！提前致谢！随时在任何地方纠正我，我会修复我的语言。

Answer 1

使用getElementById时，必须将元素的 id 传递给它。 HTML中只有一个带有id的元素，外面是userActActions-51-因此，如果要先按ID选择，就可以这样做

document.getElementById('userActActions-51')

然后您将访问第二个嵌套子级：

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

但是使用querySelector会更方便，这将允许您使用选择器字符串立即选择ID为span的元素的userActActions-51后代：

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

如果该元素可能不存在，请在尝试单击它之前确保其存在：

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