elementByName和elementByID
时间: 2024-04-30 22:23:13 浏览: 79
elementByName和elementByID是两种不同的方法,用于在HTML页面中找到指定的元素。
1. elementByName方法:该方法通过元素的名称(name属性)来查找元素。例如,如果页面中有一个input元素,其name属性值为“username”,那么可以使用以下代码找到该元素:
```
var usernameInput = document.getElementsByName("username")[0];
```
这将返回一个NodeList对象,其中包含所有具有指定名称的元素。由于可能存在多个具有相同名称的元素,因此必须使用索引来访问所需的元素。
2. elementByID方法:该方法通过元素的ID属性来查找元素。例如,如果页面中有一个元素具有ID属性值为“myElement”,那么可以使用以下代码找到该元素:
```
var myElement = document.getElementById("myElement");
```
这将直接返回具有指定ID的元素。由于ID属性是唯一的,因此不需要指定索引。
总之,使用elementByName方法需要注意可能存在多个具有相同名称的元素,而使用elementByID方法则不需要考虑此类情况。
阅读全文