document对象的getelementbyclassname()方法和getelementsbyname()方法可以返回一个数组
时间: 2024-03-25 13:35:56 浏览: 54
document.getElementsByName()的用法
是的,你说得对。`getElementsByClassName()`方法和`getElementsByName()`方法都可以返回一个数组。
`getElementsByClassName()`方法根据类名获取元素,返回所有具有该类名的元素。如果页面上有多个具有相同类名的元素,该方法返回一个元素数组,包含所有的匹配元素。如果没有匹配的元素,则返回一个空的 NodeList 对象。
示例代码如下:
```javascript
// 获取所有类名为 "example" 的元素
var elements = document.getElementsByClassName("example");
// 遍历元素数组
for (var i = 0; i < elements.length; i++) {
// 对每个元素进行操作
elements[i].style.color = "red";
}
```
`getElementsByName()`方法根据元素的 name 属性获取元素,返回所有具有该 name 属性的元素。如果页面上有多个具有相同 name 属性的元素,该方法返回一个元素数组,包含所有的匹配元素。如果没有匹配的元素,则返回一个空的 NodeList 对象。
示例代码如下:
```html
<!-- 获取所有 name 属性为 "example" 的元素 -->
<form>
<input type="text" name="example">
<input type="text" name="example">
<input type="text" name="example">
</form>
<script>
var elements = document.getElementsByName("example");
// 遍历元素数组
for (var i = 0; i < elements.length; i++) {
// 对每个元素进行操作
elements[i].style.backgroundColor = "yellow";
}
</script>
```
因此,这两种方法都可以返回一个元素数组,可以通过遍历数组来对每个匹配元素进行操作。
阅读全文