将 HTML 集合输出为列表 JavaScript

表达

我正在尝试使用 JavaScript 将 HTML 元素内容转换为列表。我正在使用此代码,但它只返回最后一个选项 - “选项 6” - 而不是逐行返回每个选项。

有人可以告诉我我错过了什么吗?

  var getOptions = document.getElementsByClassName("aofi");
var i;

for (i = 0; i < getOptions.length; i++) {

  document.getElementById("NewOutput").innerHTML = "<li>" + getOptions[i].innerHTML + "</li>";
}
<div class="allOptions">
  <h2 class="aofi">option 1</h2>
</div>
<div class="allOptions">
  <h2 class="aofi">option 2</h2>
</div>
<div class="allOptions">
  <h2 class="aofi">option 3</h2>
</div>
<div class="allOptions">
  <h2 class="aofi">option 4</h2>
</div>
<div class="allOptions">
  <h2 class="aofi">option 5</h2>
</div>
<div class="allOptions">
  <h2 class="aofi">option 6</h2>
</div>

<div id="NewOutput"></div>

云岑

document.getElementById("NewOutput").innerHTML是元素的属性。如果您为此属性分配一个值,则旧值将被覆盖。

你应该使用

document.getElementById("NewOutput").innerHTML += "<li>" + 
//---------------------------------------------^
  getOptions[i].innerHTML + "</li>";
}

因此,您将添加到innerHTML而不是覆盖它

PSa += b是快捷方式a = a + b

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JavaScript将数组元素分类并输出为HTML

来自分类Dev

将HTML重写为Javascript

来自分类Dev

将JavaScript的JSON输出转换为HTML

来自分类Dev

使用javascript将json显示为html

来自分类Dev

将输出显示为html

来自分类Dev

将JavaScript嵌入HTML

来自分类Dev

JavaScript HTML集合显示为0长度

来自分类Dev

使用JavaScript将纯文本列表转换为HTML列表

来自分类Dev

将HTML元素列表转换为对象的Javascript列表

来自分类Dev

将javascript输出消息返回到html主体中

来自分类Dev

如何将JavaScript变量“输出”到HTML div

来自分类Dev

将javascript中的变量输出到HTML费用表中

来自分类Dev

如何将JavaScript变量“输出”到HTML div

来自分类Dev

将值输出到html多个类javascript

来自分类Dev

无法将输出Javascript正确获取到html

来自分类Dev

将 json 转换为 javascript/JQuery 中的 html 表输出

来自分类Dev

将 HTML 标签附加到 Javascript 中的输出函数结果

来自分类Dev

将HTML输入值传递给javascript函数,然后将JS结果输出到<p> HTML

来自分类Dev

Django将错误列表输出为字符串而不是html

来自分类Dev

将呈现的HTML输出为纯文本

来自分类Dev

无法将HTML数据属性值解析为Javascript对象

来自分类Dev

如何使用JavaScript将多个元素显示为html?

来自分类Dev

如何将文本解析为html javascript

来自分类Dev

如何使用JavaScript将数据显示为HTML

来自分类Dev

将HTML纯文本数据解析为javascript数组

来自分类Dev

将元素ID设置为变量-JavaScript / HTML

来自分类Dev

使用Javascript将RSS标题解析为HTML

来自分类Dev

将HTML中的Javascript变量提取/解码为python

来自分类Dev

如何使用javascript将图像标签设置为html表?

Related 相关文章

热门标签

归档