如何在加载页面后更新HTML?

时间:2015-03-04 03:54:36

标签: javascript jquery html

我有一个脚本从隐藏的div中获取文本: var content = column.find(".hidden").text().split('');,并用随机的1和0拼接它以产生解密效果。该脚本写入另一个div:column.children(".code").text(content);

所以我正在从.hidden中删除文本,将其转换为数组,使用二进制数组拼接(在setInterval()内,因此它是动画的)并将其放入可见的div中。这里的问题是我无法在可见div中获取任何HTML,因此我不能包含换行符或任何其他有用的东西。我尝试使用.html()而不是.text(),但随后它将html放入可见的div中,而不是实际使用它格式化页面。我试图.append()这些变化,但它从未出现,因为我可能做错了。有人告诉我,我可以通过节点操作来做到这一点,但我没有尝试过任何工作。

所以问题是:如何更新DOM以便显示最终的HTML,更改文本而不破坏html,在最后插入正确格式化的HTML,或者我想不到的其他一些解决方案,因为我有不知道我在做什么。

编辑:这是一个相关的小提琴。 http://jsfiddle.net/13t31w5p/

1 个答案:

答案 0 :(得分:0)

将内容添加到现有元素的正确语法是:

/**
 * .append()
 * {@link http://api.jquery.com/append/}
 */
$('div.mydiv').append('this text will be added at the end of the div. ')

请注意,.text().html()方法或多或少都是"转换"操纵现有内容的脚本。单击链接以阅读有关它们的更多信息。

如果这还没有回答你的问题,请提供一些关于你正在做的事情的详细示例 - 或许你可以包含相关的代码片段,并将它们放在像{{3 }或JSFiddle