Question

我只是在学习如何编写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中。

如果你很好奇，可以点击类似帖子：Adding iframe and paragraph elements dynamically

Answer 1

如果您只想在文档中添加一个段落，请抛弃iframe。 iframe在浏览器窗口中嵌入了一个全新的文档。出于您的目的，只需将<p>元素附加到<div id='updateDiv'>即可：

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>

这是小提琴的例子： http://jsfiddle.net/MYy72/

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

1 个答案: