h4, h5, .hero-clamp-text').forEach(function(el) {
el.innerHTML = el.innerText.replace("™", "<sup>™</sup>");
el.innerHTML = el.innerText.replace("©", "<sup>©</sup>");
});
Но если раздельно написать, то всё работает.
document.querySelectorAll('h1, h2, h3, h4, h5, .hero-clamp-text').forEach(function(el) {
el.innerHTML = el.innerText.replace("™", "<sup>™</sup>");
});
document.querySelectorAll('h1, h2, h3, h4, h5, .hero-clamp-text').forEach(function(el) {
el.innerHTML = el.innerText.replace("©", "<sup>©</sup>");
});
Это отчего зависит?
отформатируйте код, а то как поросятам кинули
Что попадает в querySelectorAll, проверил? Одинаково? На каждой итерации форича что? Все ок? Проверяй, дебажь
вы берёте innerText, но вставляете в innerHTML, в чём суть?
document.querySelectorAll('h1, h2, h3, h4, h5, .hero-clamp-text').forEach(function(el) { el.innerHTML = el.innerHTML.replace("™", "<sup>uaa</sup>"); el.innerHTML = el.innerHTML.replace("©", "<sup>ubb</sup>"); });
реплейсы можно чейнить просто, зачем это пихать в дом)
Я не знаю почему у него такой подход. Я всего-лишь исправил не рабочее в рабочее. )
[...document.querySelectorAll('h1, h2, h3, h4, h5, .hero-clamp-text')]
незачем, в "интерфейсе" NodeList есть forEach
document.querySelectorAll('h1, h2, h3, h4, h5, .hero-clamp-text') .forEach(function(el) { el.innerHTML = el.innerHTML.replace("™", "<sup>uaa</sup>").replace("©", "<sup>ubb</sup>"); }); я имел в виду просто так сделать, ничего умнее)
Да, слушай, не знал. Прикольно.
А если будет (C) перед TM ?
мм? какая разница? методы просто выполнятся последовательно
Обсуждают сегодня