javascript - 如何在具有特定 id 的特定 div 中显示 document.write？

Question

我想显示我的 document.write("something important");

进入具有特定 id 的特定 div。

我是我的 HTML，我有一个 div <div class="col-lg-4" id="print"> ... </div>

在我的 JavaScript 中，我有一个循环。

for(var i = 0; i < L; i++) {

  document.write(

    navigator.plugins[i].name +
    " | " +
    navigator.plugins[i].filename +
    " | " +
    navigator.plugins[i].description +
    " | " +
    navigator.plugins[i].version +
    "<br><hr><br>"
  );
}

在我的 div 中显示它们的最有效方法是什么？

Answer 1

我建议不要使用 document.write，尤其是在页面加载之后。它可能会导致意想不到的结果。只需使用此方法:

document.getElementById('print').innerHTML = "something important";

但是，如果您不想替换整个 innerHTML，您可以向其附加一些内容:

document.getElementById('print').insertAdjacentHTML('beforeend', "something added");

更新

这是一个带循环的例子:

var elem = document.getElementById('print'),
    L = navigator.plugins.length;

for(var i = 0; i < L; i++) {
  elem.insertAdjacentHTML('beforeend',
        navigator.plugins[i].name +
        " | " +
        navigator.plugins[i].filename +
        " | " +
        navigator.plugins[i].description +
        " | " +
        navigator.plugins[i].version +
        "<br><hr><br>"
  );
}

JS Fiddle Demo