javascript - getElementById 获取特定 html 标签

Question

这个问题已经有答案了:

JavaScript and getElementById for multiple elements with the same ID (13 个回答)

已关闭 7 年前。

事实上，我正在编写一个小型 PHP 脚本。在页面上，PHP 生成如下代码:

<div id="ya">sjaka</div>
<p id="ya"><input id="color" type="text" value="text1"></input></p>
<span id="ya"><input id="color" type="text" value="text2"></input></span>

我想要的是获取 ID 为 ya 的跨度内的输入值。因此我使用这个 js 代码:

x = document.getElementById("ya");
 color = x.querySelector("#color").value;

但它似乎不起作用，它返回 P 标记内的结果。我怎样才能实现这一目标？

Answer 1

您不应该在页面上拥有多个具有相同 ID 的元素。

id 应该是唯一的。

考虑使用类。

否则 JavaScript 只会选择其中之一。