Javascript 一个div中的getElementById

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

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

$（文档）.ready（函数（）{
document.getElementById（“按钮”）.value=“新建按钮文本”；
});

---

代码工作得很好，但我需要更改它，以便它在id为

\formwrap

的div中影响id

\button

。因此，基本上我需要

.getElementById（“按钮”）

包含在id为

#formwrap

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

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

?

它只是类似于CSS的选择器，类似于您在

querySelectorAll（）中使用的选择器

它将匹配此按钮，例如：

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



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

也许你想要上课？然后您将使用
.button
而不是
#button
这是否意味着您有另一个ID为
#button
的元素？如果是这样，你应该记住ID在一个页面上应该是唯一的。我知道，问题是，这是一个在网站上实现的谷歌表单。Google表单在整个网站上使用，不同的表单需要不同的按钮文本，但所有表单都有相同的ID和类。因此，我试图通过使用唯一ID将每个表单包装在一个div中来解决这个问题。然后您可以通过标记名“#divId button”将内容作为目标，仍然使用getElementById？因为这似乎不起作用，除非我遗漏了什么。
document.getElementsByTagName（“#formwrap#button”）.value=“New button Text”也不起作用…我没有投你反对票，但是我倾向于认为你的解决方案并没有真正帮助OP理解一个DOM结构中元素ID的含义。UPD：很好，您添加了解释+1。
$（'formwrap#button'）.val（'New button Text'）不工作。。。你是对的，按钮应该有一个类，这将使我的生活更容易，但问题是，这是一个谷歌表单在网站上实现。Google表单在整个网站上使用，不同的表单需要不同的按钮文本，但所有表单都有相同的ID和类。所以我试图通过用一个唯一的ID.Ps将每个表单包装在一个div中来绕过这个问题。我也没有投你反对票。