JavaScript中的setAttribute方法

在JavaScript中，HTMLElement对象提供了 setAttribute() 方法，用于设置指定元素的属性值。本文将介绍该方法的用法并提供一些例子。

语法

element.setAttribute(name, value)

其中，name是属性名，value是属性值。

示例

下面是一些示例代码，演示如何使用 setAttribute() 方法来设置元素的属性值。

设置图片的alt属性

const image = document.querySelector('img');
image.setAttribute('alt', '这是一张图片');

设置链接的href属性

const link = document.querySelector('a');
link.setAttribute('href', 'https://www.example.com');

设置输入框的value属性

const input = document.querySelector('input');
input.setAttribute('value', '默认值');

注意事项

• 通过 setAttribute() 方法设置的属性值会覆盖原有属性值。
• 属性名必须是有效的HTML属性，否则会被忽略。
• 如果要设置自定义属性值，请使用 data-* 属性。

结论

setAttribute() 方法是一个十分实用的方法，可以用来动态地修改元素的属性。在开发JavaScript应用时，使用它可以帮助我们更加灵活地控制DOM元素。