js获取html标签改变属性，html标签中属性的值

hmg-china 194 阅读 0 评论 15 点赞

js获取html标签改变属性

万能的JavaScript，你真是个太厉害的家伙了！你不仅可以改变HTML标签的属性，还能获取它们的值。简直是个不可或缺的存在！

首先，我们来谈谈如何获取HTML标签的属性值。你只需要使用JavaScript提供的`getAttribute()`方法，就能轻松获取到你想要的属性值。比如说，我想获取一个``标签的`src`属性值，那么就可以这样写：

```javascript

var img = document.querySelector('img');

var src = img.getAttribute('src');

```

是不是很简单呢？只需要先找到你要获取属性值的标签，然后调用`getAttribute()`方法，参数传入你想要获取的属性名，就能得到属性值了。

接下来，我们来讲讲如何改变HTML标签的属性。同样，JavaScript已经为我们准备好了一个神奇的方法——`setAttribute()`。这个方法可以帮你改变HTML标签的任意属性。比如说，我想将一个`

`标签的`style`属性的值改成红色，那么就可以这样写：

```javascript

var div = document.querySelector('div');

div.setAttribute('style', 'color: red;');

```

看，一行代码就能做到！只需要找到你想要改变属性的标签，然后调用`setAttribute()`方法，第一个参数是你要改变的属性名，第二个参数是你要设置的属性值，就能轻松改变属性了。

不过，要注意的是，有些属性是只读的，你不能随意改变它们，否则会报错。比如说，`href`属性是``标签的只读属性，你不能通过`setAttribute()`方法来修改它。

暂无评论