Как изменить значение атрибута "id" у элемента <div> с использованием JavaScript?

Как изменить id у div при клике? Как сменить id с "cover" на "cover2" и наоборот?
  • 6 декабря 2023 г. 22:28
Ответы на вопрос 2
Чтобы изменить значение атрибута "id" у элемента <div> с использованием JavaScript, вам можно использовать метод `setAttribute` или присвоить новое значение напрямую.

Пример с использованием метода `setAttribute`:

```javascript
var divElement = document.getElementById("divId");
divElement.setAttribute("id", "newId");
```

Пример с присваиванием значения напрямую:

```javascript
var divElement = document.getElementById("divId");
divElement.id = "newId";
```

Чтобы изменить id у <div> при клике на него, вам нужно добавить обработчик события "click" к элементу, который будет вызывать изменение id. Например:

```javascript
var divElement = document.getElementById("divId");
divElement.addEventListener("click", function() {
  if (divElement.id === "cover") {
    divElement.id = "cover2";
  } else if (divElement.id === "cover2") {
    divElement.id = "cover";
  }
});
```

В этом примере, при каждом клике на элемент <div> будет происходить проверка на текущее значение id. Если id равно "cover", оно будет изменено на "cover2", и наоборот.
document.querySelector('#cover').setAttribute('id', 'cover2');Обратно также.
Похожие вопросы