使用 javascript 操作页面上的元素

Question

是否可以编写 javascript 脚本单击未嵌入 html 的网页上的按钮？ 它是用 javascript 编写的，并使用脚本 src 实现。

Answer 1

如果我正确理解了这个问题，那么该按钮最初不会出现在 HTML 标记中，而是使用 javascript 添加到标记中？ 在这种情况下，您需要编写脚本，在添加按钮后执行该脚本，一切正常。

Answer 2

是的，可以单击在页面上动态创建的按钮，只要按钮的创建在您的脚本之前。

例如，这样创建的按钮：

var button = document.createElement('button');
button.innerHTML = 'newButton';
button.id = 'buttonId';
document.querySelector('body').appendChild(button);
button.addEventListener('click', function(e){
    alert('Button clicked');
});

您的脚本可以使用以下代码访问：

document.querySelector('#buttonId').click();