如何在元素中的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属性执行此操作。你可以使用几乎任何其他属性来完成它。

类属性

的示例

＆＃13;

＆＃13;

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

＆＃13;

.test {
  color:black;
}

.test.test2class {
  color:red;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

嗯，实际上你并不想添加新属性，而是在寻找一种方法来改变已经存在的属性的值。

setAttribute功能可以为您完成此操作：

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

（运行此代码后，您的元素将获得id="test test2"。

  

请注意，具体而言id属性不应包含空格