JavaScript-document.getElementsByName()方法

简介

getElementsByName() 方法通过 HTML 元素的 name 属性来返回指定 name 属性值的一个集合。它返回的是一个带有元素对象的 NodeList 对象。

document.getElementsByName(name);

参数

• name: 字符串类型，表示元素的 name 属性值。

返回值

• NodeList

使用例子

HTML代码

<p>Name1: <input type="text" name="name1"></p>
<p>Name2: <input type="text" name="name2"></p>
<p>Name3: <input type="text" name="name3"></p>
<button onclick="showNames()">显示name属性为name1的元素的值</button>

JavaScript代码

function showNames(){
  var nameElems = document.getElementsByName("name1");
  for(var i=0;i<nameElems.length;i++){
    console.log(nameElems[i].value);
  }
}

运行结果

点击按钮后，控制台输出 Name1 的值。