如何使用JavaScript获取元素节点的属性值?A、element.property B、element.value C、element.getAttribute() D、element.setAttribute()
时间: 2024-03-13 18:47:40 浏览: 110
答案是 A、element.property 或 C、element.getAttribute()。JavaScript 提供了多种方式来获取元素节点的属性值,常用的有两种方式:
1. 使用元素节点的属性来获取属性值
在 JavaScript 中,可以通过元素节点的属性来获取其属性值。例如,可以通过 `value` 属性获取输入框的值,通过 `src` 属性获取图片的 URL 等。以下代码演示了如何使用 `value` 属性获取输入框的值:
```html
<input type="text" id="myInput">
<script>
var input = document.getElementById('myInput');
var value = input.value;
console.log(value);
</script>
```
在代码中,`input.value` 表示获取输入框的值,将其赋值给 `value` 变量,并使用 `console.log()` 方法输出该值。
2. 使用元素节点的 `getAttribute()` 方法来获取属性值
除了使用元素节点的属性来获取属性值外,还可以使用元素节点的 `getAttribute()` 方法来获取属性值。`getAttribute()` 方法需要传入一个属性名作为参数,可以获取该属性的值。以下代码演示了如何使用 `getAttribute()` 方法获取元素节点的 `data-` 属性值:
```html
<div id="myDiv" data-color="red"></div>
<script>
var div = document.getElementById('myDiv');
var color = div.getAttribute('data-color');
console.log(color);
</script>
```
在代码中,`div.getAttribute('data-color')` 表示获取 `myDiv` 元素的 `data-color` 属性值,将其赋值给 `color` 变量,并使用 `console.log()` 方法输出该值。
`element.setAttribute()` 方法用于设置元素节点的属性值,与获取属性值无关。
阅读全文