如何在具有特定ID的特定div中显示document.write?

时间:2015-03-18 18:46:29

标签: javascript html

我想显示我的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中显示它们的最有效方法是什么?

2 个答案:

答案 0 :(得分:3)

我建议不要使用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

答案 1 :(得分:0)

男人! 我认为你想要做的是更新元素的内容,对吧?如果是这样: document.getElementById('print').innerHTML = something important

我希望我帮助过你