Javascript 使用 document.write 写入 innerHtml 的值

Question

<div id="para">
    <p>Lorem</p>
</div>

    var test= document.getElementById("para").innerHtml("<p>ipsum</p>");
    var test2 =document.getElementById("para");
    document.write(test2);

我想写入 test2 变量的值或里面的内容 innerHTML.But 它不起作用，你能告诉我发生这种情况的原因吗？

Answer 1

innerHTML不是方法，是属性。另外，要获取元素的内部内容，您可以使用 innerHTML 属性

var test = document.getElementById("para").innerHTML= "<p>ipsum</p>";
var test2 = document.getElementById("para");
var tn = document.createTextNode(test2.innerHTML)
document.body.appendChild(tn)

<div id="para">
  <p>Lorem</p>
</div>

演示：Fiddle