javascript - html javascript在div中获取长度名称

Question

我需要元素的返回计数，例如名称“A”

<div id="box">
  <input name="A" value="123">
  <input name="A" value="456">
</div>

<script type="text/javascript">
  var ii = document.getElementById("box");
  var hh = ii.getElementsByName('A');
  alert(hh.length); // should return 2 but return TypeError
</script>

结果: TypeError:ii.getElementsByName 不是函数

感谢您的帮助!!

Answer 1

您需要使用 querySelectorAll('[name=A]')，因为 getElementsByName() 不是函数。看到了，它准确地给出了 A 中 div 的计数，id 为 box 因为我们使用 ii.querySelectorAll 从 ii 的引用中选择元素。

var ii = document.getElementById("box");
var hh = ii.querySelectorAll('[name=A]')
alert(hh.length);

<div id="box">
  <input name="A" value="123">
  <input name="A" value="456">
</div>
<div id="box2">
  <input name="A" value="123">
  <input name="A" value="456">
</div>