Как добавить дополнительный атрибут к id в элементе?

Question

Не удалось найти его в Stackoverflow.

Как добавить дополнительный атрибут к элементу?

мне это нужно

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

быть

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

document.getElementById("test").setAttribute("id", "test2") наборы для

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

EDIT: вопрос при условии, был другой вопрос, а не о классе.

Answer 1

Попытка прочитать атрибут, с помощью getAttribute, а затем CON-кошке новое значение в конце, как это:

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

EDIT

Просто имейте в виду, чтобы не делать это с атрибут 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>

Answer 2

Ну, на самом деле вы не хотите добавить новый атрибут, вы ищете способ изменить значение атрибута это уже существует.

setAttribute функция может сделать это для вас:

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

(После выполнения этого кода вы получите id="test test2" на вашем элементе).

Обратите внимание, что конкретно атрибут idне должен содержать пробелы