原生获取dom的值得方法
时间: 2024-09-26 19:02:20 浏览: 12
原生JavaScript中,可以使用DOM API来获取元素的值或属性。以下是一些常用的方法:
1. `getElementById(id)`:用于获取id对应的HTML元素。
```javascript
var element = document.getElementById('myElement');
var value = element.value; // 如果是输入框或文本字段
```
2. `.getAttribute(name)`:获取指定属性的值。
```javascript
var attributeValue = element.getAttribute('src');
```
3. `.innerHTML` 和 `.textContent`:分别获取元素内部的HTML内容和纯文本内容。
```javascript
var htmlContent = element.innerHTML;
var textContent = element.textContent;
```
4. 对于表单元素,如`<input>`、`<select>`等,可以直接访问特定属性,例如`value`、`checked`等。
```javascript
var inputValue = document.querySelector('input').value;
```
5. 对数组或集合类型的元素(比如`<option>`),可以用`.innerText`或`.textContent`获取文本内容。