Как избавиться от ошибки Uncaught TypeError [закрыт]
Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение.
Закрыт 1 год назад.
Все работает, но в консоли у меня ошибка.
Uncaught TypeError: Cannot read property 'replaceChild' of null
methodName();
function methodName() {
let alldivs = document.querySelectorAll('.myBtn');
let alldivsArr = Array.from(alldivs);
for (var i = alldivsArr.length - 1; i >= 0; i--) {
alldivsArr[i].addEventListener('click', function asd() {
console.log(i);
var d = document.createElement('input');
d.setAttribute("class", "myInput");
d.setAttribute("value", this.innerText);
this.parentNode.replaceChild(d, this);
d.select();
d.addEventListener('blur', function() {
let g = document.createElement('div');
g.setAttribute("class", "myBtn");
g.innerHTML = d.value;
d.parentNode.replaceChild(g, d);
// removeIventLis();
methodName();
})
});
}
}<div class="myBtn">lolk</div>
<div class="myBtn">lolkasdasd</div>
<button id="btn">Click</button>Проблема заключается в вызове methodName, внутри обработчика blur.
Так как внутри этого метода добавляются обработчики всем выбранным элементам на странице, а не только что добавленным, у некоторых элементов оказывается сразу несколько обработчиков клика. Поэтому при клике на них, на втором обработчике у this уже нет parentNode так как элемент уже был заменен на input.
Для решения достаточно вручную добавить обработчик вновь создаваемому элементу.
methodName();
function methodName() {
let alldivs = document.querySelectorAll('.myBtn');
let alldivsArr = Array.from(alldivs);
for (var i = alldivsArr.length - 1; i >= 0; i--) {
alldivsArr[i].addEventListener('click', function myBtnClickHandler() {
console.log(i);
var d = document.createElement('input');
d.setAttribute("class", "myInput");
d.setAttribute("value", this.innerText);
this.parentNode.replaceChild(d, this);
d.select();
d.addEventListener('blur', function() {
let g = document.createElement('div');
g.setAttribute("class", "myBtn");
g.innerHTML = this.value;
g.addEventListener('click', myBtnClickHandler);
this.parentNode.replaceChild(g, this);
})
});
}
}<div class="myBtn">lolk</div>
<div class="myBtn">lolkasdasd</div>
<button id="btn">Click</button>
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
- Почему SERVER_ADDR имеет не тот IP 47563 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30496 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23632 visits
- Как через css изменить цвет png изображения? 10350 visits
- Blob video url download 9958 visits
- Php curl запрос через прокси с авторизацией 9211 visits
- Работа с captcha vk api 8094 visits
© "hostciti.net" 26.11.2024 | 05:31