javascript / html NOOB：在文档中添加内容

Question

我正在努力创建一个超级简单的网站，让我填写我的名字，并提供自定义问候语作为提醒。我现在想把问候语写到HTML文档本身，我尝试了document.write()，它只是写了我的其他代码，只显示问候语，document.add()（我不知道它是什么是的，只是玩耍：P）。所以我用Google搜索了，但找不到任何东西（感谢我超级棒的谷歌搜索技巧; p）。那么如何在不覆盖所有内容的情况下附加到文档末尾呢？

Answer 1

我建议您阅读http://www.w3schools.com/js/js_htmldom_methods.asp

您对目前所拥有的内容是正确的，但阅读上述链接会指出您需要前往的方向。

Answer 2

您可能想使用DOM元素尝试InnerHTML属性：http://www.w3schools.com/jsref/prop_html_innerhtml.asp

基本上，选择要添加内容的元素，并执行以下操作：

document.body.innerHTML+="Text stuff";

我认为这是最简单的方法。

Answer 3

要添加内容，您可以append a new child加注document.body等元素。

document.body.appendChild(...);

如果内容是文字，您可以create a text node保留内容：

document.body.appendChild(document.createTextNode(greeting));