Как изменить id элемента с помощью js

215

11 апреля 2018, 08:43

Не получается изменить id элемента.

Код:

var div = document.querySelector(".div");
            if(pass != repass){
                div.id = "false";

Что не так? Искал ответ, как правильно его изменить, у меня должно быть все правильно.

Answer 1

Все правильно.
И, в данном случае можно обойтись без if (типкаст в строку выполняется автоматически).

let el = document.querySelector('.test'),  
    updateContent = () => { el.textContent = ''; el.textContent = el.outerHTML; };  
updateContent();  
 
function changeId(newId) { 
  el.id = newId;  
  updateContent();  
}

body { font: 18px sans-serif; } 
 
.test { 
  min-width: 500px; height: 2em;  
  padding: 0 1ch;  
  background-color: #333;  
  font: 18px monospace; color: #1d1;  
  line-height: 2.3em;  
} 
 
label, label input { 
  display: inline-block;  
  font: 1.2em sans-serif;  
} 
label { margin: 10px 0 0 20px; } 
input { 
  max-width: 10ch;  
  vertical-align: -0.05em; 
}

<div class="test"></div> 
<label><input type="checkbox" onclick="changeId(this.checked)">Булевое значение</label><br> 
<label>Строковое значение <input type="text" maxlength="16" oninput="changeId(this.value)"></label>

Либо неправильно выбираете целевой элемент (это самое вероятное), либо значение pass при выполнении равно repass ...