如何向元素中的 id 添加附加属性？

Question

在 Whosebug 找不到这里。

如何向元素添加附加属性？

我需要这个

<div id="test"></div>

成为

<div id="test test2"></div>

document.getElementById("test").setAttribute("id", "test2") 设置为

<div id="test2"></div>

编辑：提供的问题是不同的问题，而不是关于 class。

Answer 1

尝试使用 getAttribute 读取属性，然后在末尾连接新值，如下所示：

document.getElementById("test").setAttribute("id", document.getElementById("test").getAttribute("id") + " test2")

编辑

请记住避免使用 ID 属性执行此操作。不过，您几乎可以使用任何其他属性来做到这一点。

具有 class 属性的示例

document.getElementById("test1").setAttribute("class", document.getElementById("test1").getAttribute("class") + " test2class")

.test {
  color:black;
}

.test.test2class {
  color:red;
}

<div id="test1" class="test">This is a test</div>

Answer 2

好吧，实际上您并不是要添加新属性，而是要寻找一种方法来更改已经存在的属性的值。

setAttribute 函数可以为您做到这一点：

document.getElementById("test").setAttribute("id", document.getElementById("test").getAttribute("id") + " test2")

（在运行这段代码之后，您将在您的元素上获得 id="test test2"）。

Note that specifically the id attribute should not contain spaces

How to add additional attribute to an id in element?