在 HTML 和 JavaScript 开发中，经常使用的两个 API 是 setAttribute() 和 getAttribute()，它们可以帮助我们在 DOM 中操作属性。

setAttribute()

setAttribute() 方法是对指定元素设置指定属性的值。该方法有两个参数，第一个参数是属性名称，第二个参数是要设置的属性值。

语法：

```

element.setAttribute(name, value);

```

其中，element 是要设置属性的元素，name 是要设置的属性名称，value 是要设置的属性值。

例如：

```html

示例标题

更改标题文本

```

在上述示例中，当用户点击按钮时，将会触发 changeHeading() 函数，该函数获取元素 id 为 my-heading 的元素，并使用 setAttribute() 设置它的 title 属性为“这是一个新标题”。

getAttribute()

getAttribute() 方法可以获取指定元素的指定属性的值。该方法有一个参数，即要获取的属性名称。

语法：

```

element.getAttribute(name);

```

其中，element 是要获取属性的元素，name 是要获取的属性名称。

例如：

```html

示例标题

获取标题属性值

```

在上述示例中，当用户点击按钮时，将会触发 getHeadingTitle() 函数，该函数获取元素 id 为 my-heading 的元素，并使用 getAttribute() 获取它的 title 属性值，并使用 alert() 输出属性值。

注意事项

在使用 setAttribute() 方法设置属性值时，如果属性名不存在，则会创建该属性并将其设置为指定的值。如果属性名已经存在，则会将该属性的值替换为指定的值。

在获取属性值时，如果属性不存在，则会返回 null。

在一些特殊的属性中，如 class 和 style，由于 JavaScript 对这些属性的处理方式有所不同，所以需要使用特殊的方法来获取或设置其值。例如，获取元素的 class 属性值可以使用 element.className，设置元素的 style 属性值可以使用 element.style。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队，专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务，帮助客户在激烈的市场竞争中获得更大的优势和发展机会！