document.getElementsByName用法
时间: 2023-11-01 12:07:52 浏览: 43
`document.getElementsByName` 方法用于获取文档中所有指定名称的元素节点(如 `<input>`、`<select>`、`<textarea>` 等)。该方法返回的是一个 NodeList 对象,其中包含了所有满足条件的元素节点。
语法如下:
```javascript
document.getElementsByName(name)
```
其中,`name` 表示要获取元素的名称。
示例代码:
```html
<form>
<input type="text" name="username" value="John"><br>
<input type="text" name="email" value="john@example.com"><br>
<input type="text" name="phone" value="123456789"><br>
<input type="submit" value="Submit">
</form>
```
```javascript
var inputs = document.getElementsByName("username");
console.log(inputs); // NodeList(1) [input]
console.log(inputs[0].value); // "John"
```
在上面的代码中,我们通过 `document.getElementsByName("username")` 获取了文档中所有名称为 `username` 的元素节点,并将结果存储在 `inputs` 变量中。由于该方法返回的是 NodeList 对象,因此我们可以通过数组索引的方式访问其中的元素节点。在本例中,我们只获取了一个元素节点,因此我们可以使用 `inputs[0]` 来获取该节点,并使用 `inputs[0].value` 获取该元素节点的值。