如何在不覆盖javascript中所有其他内容的情况下向文档动态添加段落？

我只是在学习如何编写javascript，但我已经学会了java。语法上的差异快把我逼疯了。我只是在做一个简单的示例代码，看看是否可以通过点击按钮在页面末尾添加一个段落。但我似乎做不到。不过，我确信我真的很接近实现我的目标。我已经知道按钮功能正常了。有一个类似的帖子对我有所帮助，但我似乎无法达到我想要的目的。下面是javascript：

function displayDate()
{
//object that will hold newParagraph
var iframe = document.createElement("iframe");
iframe.width = 400;
iframe.height += 50;
iframe.id ="iframe";

var comment = "woohooo! go me.";
//var doc = iframe.contentDocument || iframe.document;
var newParagraph = document.createElement('p');
newParagraph.textContent = comment;

//doc.body.appendChild(newParagraph);
iframe.appendChild(newParagraph);
document.getElementById("updateDiv").appendChild(iframe);
//the id updateDiv is in my html
}

iframe显示为一个没有文本的空白框。我不知道如何使文本显示在iframe中

---

如果你好奇的话，这里也有类似的帖子：

如果你只是想在文档中添加一个段落，就不要使用iframe。在浏览器窗口中嵌入一个全新的文档。出于您的目的，只需将

元素附加到

上就足够了：

function displayDate() {
    var comment = "woohooo! go me.";
    var newParagraph = document.createElement('p');
    newParagraph.textContent = comment;
    document.getElementById("updateDiv").appendChild(newParagraph);
}

下面是HTML：

<button id='a'>Click Me!</button>
<div id='updateDiv'></div>    

点击我！

下面是小提琴的例子：

---

对于me

var doc=iframe.contentDocument | | iframe.document已工作，但
var doc=iframe.contentDocument | | iframe.contentWindow.document没有，我可以在页面中添加一个iframe，但是由于某种原因，新的段落没有出现，尽管我没有收到任何进一步的错误。另外，在设置iframe高度时，
+=
有何原因？另外，在这个场景中使用iframe有什么意义（除了证明你可以）？我之所以使用iframe，是因为我不熟悉javascript，我只是遵循了我在这个网站上找到的另一个示例。我相信还有其他方法可以做到这一点，但这是迄今为止我所知道的唯一方法。+=是因为这是一个示例代码，我计划用于网站向页面添加注释，因此每个注释都会添加另一个50像素的高度，以便新注释可以容纳。通过这种方式，它不断增长，以适应所有新的评论。在您的帮助@nnnn和一些其他在线想法的帮助下，我对脚本做了一些修改。已编辑的脚本将显示在上面。但我只能让iframe显示为一个空白框，其中没有新段落。有什么想法吗？你发布的代码与你链接的问题中的错误代码非常相似。看看你链接的问题的公认答案。您需要使代码与加载事件类似。虽然我不知道为什么要使用这样的iframe，但我认为div更有意义。但也许有一些原因。