Свойство InnerHTML элемента DOM изменилось, но не рендеринг

Question

, поэтому я использую innerHTML, чтобы попытаться добавить элемент dom с переменной count, я console.logging элемент dom и свойство innerHTML изменено на то, что я хочу, но это не делает на странице/добавление элемента DOM ..

console.log на йот элемент [a.aero, innerHTML: "<span>4</span>"]

код, чтобы изменить дом document.getElementsByClassName("aero").innerHTML="<span>"+count+"</span>";

инспектировать элемент на целевом элементе класса <a class="aero" href="/c/"> <script src="js/aero.js"></script> </a>

Благодарим за помощь.

Answer 1

getElementsByClassName возвращает список (даже если это только 1) элементов - так что ваш код НЕ на самом деле изменения innerHTML любого элемента DOM на всех

так что вы могли бы использовать что-то вроде

document.getElementsByClassName("aero")[0].innerHTML="<span>"+count+"</span>"; 

, если вы знаете, что будет только когда-либо один элемент с классом «аэро»

Answer 2

метод getElementsByClassName() возвращает оплаченный иона дочерних элементов элемента с указанным именем класса, как объект NodeList.

Вы должны сделать это:

document.getElementsByClassName("aero")[0].innerHTML="<span>"+count+"</span>"; 

См getElementsByClassName() - W3