Question

如何获取具有相同ID的特定选择器的值？

function rev() {
  var username = document.getElementById(value).value; /// or textContent;
  return alert (username);
}

 <button id="but" onclick="rev()">hey</button>
 <button id="but" onclick="rev()">hey233</button>

但是reult总是嘿嘿

有什么想法吗？

Answer 1

您不能拥有具有相同ID的重复元素。这是不可能的。

Answer 2

元素的def gender(n): d.get_gender(n) df['gender'] = df['first_name'].apply(gender);属性必须是唯一的。来自MDN：

id全局属性定义必须具有的唯一标识符（ID）在整个文件中是独一无二的其目的是识别元素链接（使用片段标识符），脚本或样式时（使用CSS）。

解决方法：

您可以使用id或自定义class属性来配合您的逻辑。详细了解data-*属性here

Answer 3

嗨，你需要分开这些，按钮有不同的ID

function rev1() {
  var username = document.getElementById("but1").value; /// or textContent;
  return alert (username);
}

function rev2() {
  var username = document.getElementById("but2").value; /// or textContent;
  return alert (username);
}
 <button id="but1" onclick="rev1()">hey</button>
 <button id="but2" onclick="rev2()">hey233</button>

Answer 4

如前所述，Element id must be unique。但是对于你正在做的事情，你不需要id来获取“点击”按钮的文本内容，因为处理程序event知道被点击的target元素。 / p>

function handler(event) {
  alert(event.target.textContent);
}

var forEach = Function.call.bind(Array.prototype.forEach);

var buttons = document.querySelectorAll('button');
forEach(buttons, function(button) {
  button.addEventListener('click', handler);
});

<button>hey</button>
<button>hey233</button>

如何获得具有相同ID的特定选择器的值？

4 个答案: