Помогите изменить добавить класс на 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>
Внутри 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"
Виртуальный выделенный сервер (VDS) становится отличным выбором
есть строка в которой есть ссылки и хештегиНужно обернуть эти ссылки в тег <a href=""></a> как и хештеги
Не могу понять как работать с даннымиУ меня есть большой JSON содержащий информацию по товарам
Имеется объект item который хранит в себе поля name, password и тдЕсть массивы: person_name, person_password в которых лежат имена и пароли