DOM元素的InnerHTML属性已更改，但未呈现

Question

所以我使用innerHTML尝试添加一个带有计数变量的dom元素，我是控制台。记录dom元素和属性innerHTML改为我想要的，但它是＃s>不渲染到页面/添加dom元素..

在dom元素上的console.log     [a.aero, innerHTML: "<span>4</span>"]

改变dom的代码     document.getElementsByClassName("aero").innerHTML="<span>"+count+"</span>";

检查目标类元素上的元素   <a class="aero" href="/c/"> <script src="js/aero.js"></script> </a>

感谢您的帮助。

Answer 1

getElementsByClassName返回一个列表（即使它只有1个）元素 - 所以你的代码 NOT 实际上改变了所有DOM元素的innerHTML

所以你可以使用像

这样的东西

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

如果你知道只有一个元素有“aero”类

Answer 2

  

getElementsByClassName（）方法返回具有指定类名的元素子元素的集合，作为NodeList对象。

你需要这样做：

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

参考getElementsByClassName() - W3