HTMLDocument对象的元素值怎么获取
时间: 2024-05-12 21:13:33 浏览: 14
HTMLDocument对象表示整个HTML文档,可以通过该对象获取HTML文档中的所有元素。要获取HTMLDocument对象中的元素值,可以使用以下方法:
1. 通过getElementById方法获取指定id的元素,例如:
```
var elem = document.getElementById("myElement");
var value = elem.value;
```
2. 通过getElementsByTagName方法获取指定标签名的所有元素,例如:
```
var elems = document.getElementsByTagName("input");
for (var i = 0; i < elems.length; i++) {
var value = elems[i].value;
// do something with value
}
```
3. 通过getElementsByClassName方法获取指定类名的所有元素,例如:
```
var elems = document.getElementsByClassName("myClass");
for (var i = 0; i < elems.length; i++) {
var value = elems[i].value;
// do something with value
}
```
4. 通过querySelector方法获取符合指定选择器的第一个元素,例如:
```
var elem = document.querySelector("#myElement");
var value = elem.value;
```
5. 通过querySelectorAll方法获取符合指定选择器的所有元素,例如:
```
var elems = document.querySelectorAll(".myClass input");
for (var i = 0; i < elems.length; i++) {
var value = elems[i].value;
// do something with value
}
```