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

【问题标题】：InnerHTML property of DOM element changed, but not renderingDOM 元素的 InnerHTML 属性已更改，但未呈现
【发布时间】：2015-10-29 14:30:24
【问题描述】：

所以我正在使用 innerHTML 尝试添加一个带有计数变量的 dom 元素，我在 console.logging dom 元素和属性 innerHTML 更改为我想要的，但它没有呈现到页面/添加dom 元素..

console.log 关于 dom 元素 [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>

感谢您的帮助。

【问题讨论】：

【解决方案1】：

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

所以你可以使用类似的东西

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

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

【讨论】：

【解决方案2】：

getElementsByClassName() 方法以 NodeList 对象的形式返回具有指定类名的元素子元素的集合。

你需要这样做：

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

【讨论】：