特定html标签的getElementById [重复]

Question

事实上，我正在编写一个小的 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.for 这个原因我使用这个 js 代码：

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

但它似乎不起作用，它返回 P 标签内的结果。我怎样才能做到这一点？

Answer 1

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

id 应该是唯一的。

考虑改用一个类。

否则 JavaScript 只会选择其中一个来选择。