div中的getElementById

Question

我使用Javascript更改表单提交按钮上的文字，这是我使用的代码：

<script type="text/javascript">
$(document).ready(function(){
  document.getElementById("button").value="New Button Text";
});
</script>

代码完美无缺，但我需要对其进行更改，以便在ID为#button的div中影响id #formwrap。所以基本上我需要.getElementById("button")包含在id为#formwrap

的div中

Answer 1

如果您已经在使用jquery，为什么不这样做呢

$('#formwrap #button').val('New Button Text');

它只是类似CSS的选择器，与您在querySelectorAll()中使用的类似。

它将匹配例如此按钮：

<div id="formwrap"><input type="button" id="button"></div>

但请记住，只有一个元素可以具有相同的ID。

也许你想上课？然后，您使用.button代替#button。