Javascript的setAttribute()方法

在Javascript中，DOM（文档对象模型）是一种表示HTML和XML文档的树形结构，可以通过Javascript操作DOM来实现动态的网页效果。setAttribute()方法就是DOM中的一个方法，它用于向HTML元素添加一个指定名称和值的新属性，或者更改已经存在的属性的值。

语法

setAttribute()方法的语法如下所示：

element.setAttribute(name, value);

• element：必需，要添加或修改属性的HTML元素。
• name：必需，字符串类型，表示要设置的属性名。
• value：必需，字符串类型，表示要设置的属性值。

功能介绍

setAttribute()方法是用于向HTML元素添加或修改属性的值的。通常情况下，我们可以直接为HTML元素添加属性，例如：

<div class="foo"></div>

但如果需要在Javascript中动态地添加属性值，则可以使用setAttribute()方法，并且可以多次调用该方法来为元素添加多个属性。

例如：

var div = document.createElement('div');
div.setAttribute('class', 'foo'); // 添加class属性
div.setAttribute('id', 'bar'); // 添加id属性

在这个例子中，我们首先使用createElement()方法创建一个div元素，然后使用setAttribute()方法为该元素添加class和id属性。

返回值

setAttribute()方法没有返回值，它仅用于设置HTML元素的属性值。

总结

setAttribute()方法是Javascript DOM中的一个常用方法，用于设置HTML元素的属性值。它接受两个参数，分别为属性名和属性值，可以多次调用该方法来为元素添加多个属性。