将数字列表打印到 HTML 正文中答案

【问题标题】：Print list of numbers into HTML body将数字列表打印到 HTML 正文中
【发布时间】：2021-10-20 08:58:57
【问题描述】：

我正在尝试在 HTML 中显示乘法结果列表。在控制台中，我可以看到数字列表，但我无法在 HTML 中打印。请帮忙？

HTML

<p id="secondP"></p>
<p id="x"></p>

function showData() {
    var theSelect = demoForm.part;
    var secondP = document.getElementById('secondP');
    secondP.innerHTML = ('Its Standerd Pack is: ' + theSelect[theSelect.selectedIndex].value);
    
    var num = theSelect[theSelect.selectedIndex].value

    for(var i = 1; i <= 5; i++) {
      result = i * num;

      console.log(result);
      document.getElementById("x").innerHTML = result;
    }
}

【问题讨论】：

document.getElementById("x").innerHTML += result;
它可以工作，但在 HTML 中结果类似于 00000246810 用于乘以 2 @Naren

标签： javascript html arrays

【解决方案1】：

当您运行代码document.getElementById("x").innerHTML = result; 时，它改变了元素的值，即使它已经有一个值。如果你想给一个元素添加一个值，使用document.getElementById("x").innerHTML += result;这会将值添加到你的元素中，例如，如果元素的值为hello，而你使用document.getElementById("x").innerHTML +=' world';，则元素的值将变为@987654325 @ 而不是 world。

【讨论】：