使用 document.write 写入 innerHtml 值的 Javascript [关闭]答案

【问题标题】：Javascript writting the value of innerHtml using document.write [closed]使用 document.write 写入 innerHtml 值的 Javascript [关闭]
【发布时间】：2015-04-02 04:00:09
【问题描述】：

<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 里面的内容。但是它不起作用，你能告诉我为什么会这样吗？

【问题讨论】：

@VincentUgenti jsfiddle.net/arunpjohny/dq89t5k5/3

标签： javascript html variables dom innerhtml

【解决方案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

【讨论】：

我们可以使用 innerHTML 作为属性和方法
@amguruprasath 不，你不能。这是一个属性。
var name = "myName";函数 test() { 文档.write(name); } var testcheck= test(); document.write(testcheck);这会返回“myNameundefiend”，即 value+undefined 为什么会发生这种情况？
因为test函数没有返回值，所以默认返回undefined。当您打印document.write(testcheck) 时，testcheck 包含未定义的test() 的返回值。所以你得到'myNameundefined`