Javascript点击按钮

Question

下面是一段html代码

<td valign="top" id="UserManagebutton1"><input type="button" value="Add" class="inputbutton">
  <input type="button" value="Delete" class="inputbutton">
  <input type="button" value="Import" class="inputbutton">
  <input type="button" value="Export" class="inputbutton">
  <input type="button" value="Change Status" class="inputbutton">
  <input type="button" value="Purge AD Users" class="inputbutton"></td>

我尝试将其放入我的控制台，但没有成功。我正在尝试单击“添加”按钮。

下面是我使用的代码。

document.getElementById('Add').click();

知道为什么它不起作用吗？它与其他人一起工作。

Answer 1

由于您似乎无法控制要操作的页面，因此您将不得不按原样使用 HTML。在这种情况下，如果您确实可以控制所使用的浏览器(您是从控制台执行此操作吗？)，您可以使用 document.querySelector:Documentation here .

所以，在你的具体情况下，你想要做

document.querySelector('[value="Add"]').click()

或者，为了使事情更具体，您可以这样做

document.querySelector('#UserManagebutton1 input[value="Add"]').click()

这是一个带有示例的 fiddle :http://jsfiddle.net/xonev/V6SQ2/