javascript - 为什么这个脚本只给出一半的输出？

Question

这个问题已经有答案了:

javascript document.write() removes the html from page and display result in a blank page [duplicate] (3 个回答)

已关闭 10 年前。

这是函数:

function funct1()
{
    document.getElementById("demo").innerHTML="Something";
    document.write("Mexico!");
}

输出仅:

Mexico

当我单击页面上的按钮时，我希望输出为:

Something
Mexico

Answer 1

在这种情况下，document.write() 不会按照您的想法执行。它清除文档的内容，并写入 Mexico! (有关原因的更详细解释，请参阅 Quentin 的回答)。如果删除此行，您可以看到第一条语句正确执行。

如果您想更新第一段，并添加另一段，您应该使用以下代码:

function funct1()
{
    document.getElementById("demo").innerHTML = "Something";  

    // Create a new <p> element, set its HTML and then append it:
    var newP = document.createElement('p');
    newP.innerHTML = 'Mexico!';
    document.body.appendChild(newP);
}

您可以看到正在运行的jsFiddle here .