javascript как добавить клаcc?

105
13 августа 2019, 14:10

Помогите изменить добавить класс на checked

var inputText= document.getElementById("inputText"); 
var hideShow= document.getElementById("hideShow"); 
 
ButtonAdd.addEventListener("click", function(e) { 
  var inputText = document.getElementById("inputText"); 
  var list = document.getElementById('list'); 
 
  var check = document.createElement("input"); 
  check.type = "checkbox"; 
  check.addEventListener("click", function(e) { 
    console.log(text.textContent); 
  }); 
 
  var text = document.createElement("span"); 
  text.textContent = inputText.value; 
 
  var label1 = document.createElement('label'); 
 
  label1.appendChild(check); 
  label1.appendChild(text); 
  list.appendChild(label1); 
}); 
 
hideShow.addEventListener("click", function(e) { 
  var checks = document.querySelectorAll("#list input[type=checkbox]:checked"); 
  checks.forEach(item => item.parentNode.parentNode.className="hides"); 
});
.hides{ 
    display: none; 
  }
<ul id="list"> 
        <label class="hides"> 
<input type="checkbox"><span>dsfd</span> 
        </label> 
</ul> 
<input type="text" name="" id="inputText"> 
<button id="hideShow">hide selected</button> 
<button id="ButtonAdd">Add</button>

Answer 1

Внутри ul должны располагаться только li, либо script-supporting elements в которые входят <script> и <template>.

Для установки класса нужному label нужно посмотреть где расположен этот элемент относительно input.

<label class="hides">
    <input type="checkbox"><span>dsfd</span>
</label>

Из разметки видно, что label является родительским элементом, следовательно, для доступа к нему нужно использовать parentNode

item.parentNode.className="hides"
READ ALSO
Найти элементы в строке и преобразовать их в теги

Найти элементы в строке и преобразовать их в теги

есть строка в которой есть ссылки и хештегиНужно обернуть эти ссылки в тег <a href=""></a> как и хештеги

129
JSON или БД. Что для чего нужно?

JSON или БД. Что для чего нужно?

Не могу понять как работать с даннымиУ меня есть большой JSON содержащий информацию по товарам

122
Создать массив обьектов

Создать массив обьектов

Имеется объект item который хранит в себе поля name, password и тдЕсть массивы: person_name, person_password в которых лежат имена и пароли

109