javascript - document.write 在同一页上显示内容。

Question

我对 javascript document.write 方法有疑问。大多数情况下，当我使用 document.write() 时，它会向我显示在不同页面中使用该方法编写的内容。例如，如果我这样写命令， document.write("Hello, My name is Sameeksha");然后这条线的执行将我带到同一页面上的不同文档。我希望能够将消息与页面的其他元素一起附加到同一页面上。例如，如果我在页面上有文本框和按钮，并且我希望带有 document.write 的文本显示在页面的所有内容下方或页面的特定部分。请建议可以做些什么来以这种方式获得输出？因为，通过这种方式创建动态 HTML 内容将非常容易。 非常感谢您的参与。

问候， Sameeksha 库马里

Answer 1

document.write 基本上从未在现代 Javascript 中使用过。

您要做的是创建明确的 DOM 元素并将它们附加到文档中您想要的位置。例如

var x = document.createElement("div");  // Creates a new <div> node
x.textContent = "Hello, world";         // Sets the text content
document.body.appendChild(x);           // Adds to the document

除了追加到末尾之外，您还可以将子节点添加到任何现有节点。例如:

function addChatMessage(msg) {
    var chat = document.getElementById("chat"); // finds the container
    var x = document.createElement("div");
    x.textContent = msg;
    chat.appendChild(x);
}