JavaScript教程-`document.getElementsByName()`

JavaScript教程-document.getElementsByName() 方法返回所有具有指定名称的元素。

getElementsByName() 方法的语法如下：

javascriptCopy code
document.getElementsByName("name")

这里，name 是必需的参数。

document.getElementsByName() 方法示例

在这个示例中，我们将计算所有性别的总数。我们使用 getElementsByName() 方法获取所有性别的元素。

<script type="text/javascript">
function totalelements() {
  var allgenders = document.getElementsByName("gender");
  alert("Total Genders: " + allgenders.length);
}
</script>
<form>
  Male: <input type="radio" name="gender" value="male">
  Female: <input type="radio" name="gender" value="female">
  <input type="button" onclick="totalelements()" value="Total Genders">
</form>

在此示例中，我们有两个性别选项：男性和女性。通过点击按钮，我们将使用 getElementsByName() 方法获取所有名称为 gender 的元素，并计算它们的总数。然后，弹出对话框显示性别总数。