在JavaScript中,如何获取和设置DOM元素的属性?
时间: 2024-09-13 08:12:30 浏览: 46
在JavaScript中,获取和设置DOM元素的属性通常使用`getAttribute()`和`setAttribute()`这两个方法。下面分别介绍它们的使用方法:
1. 获取属性值:
使用`getAttribute()`方法可以获取指定元素上的指定属性的值。它的语法如下:
```javascript
element.getAttribute(attributeName);
```
这里`element`是指你想获取属性的DOM元素,`attributeName`是你想获取的属性名称的字符串。
例如,如果你想获取一个`img`标签的`src`属性,你可以这样做:
```javascript
var myImage = document.getElementById("myImage");
var srcValue = myImage.getAttribute("src");
```
这段代码首先获取了id为`myImage`的`img`元素,然后使用`getAttribute()`方法获取了这个元素的`src`属性值。
2. 设置属性值:
使用`setAttribute()`方法可以设置指定元素上的指定属性的值。它的语法如下:
```javascript
element.setAttribute(attributeName, value);
```
同样地,`element`是指你想设置属性的DOM元素,`attributeName`是你想设置的属性名称的字符串,而`value`是你想设置的属性值。
例如,如果你想为一个`input`元素设置`type`属性为`text`,你可以这样做:
```javascript
var myInput = document.getElementById("myInput");
myInput.setAttribute("type", "text");
```
这段代码首先获取了id为`myInput`的`input`元素,然后使用`setAttribute()`方法将它的`type`属性设置为`text`。
阅读全文