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

Question

在 Stackoverflow 找不到这里。

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

我需要这个

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

成为

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

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

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

编辑:提供的问题是不同的问题，而不是关于类的。

Answer 1

尝试使用 getAttribute 读取属性，然后像这样在末尾连接新值:

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

编辑

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

类属性示例

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>