将HTML提取到<div>并覆盖内容</div>

Question

我有一个顶部面板和身体部位的网站。顶部面板可以在隐藏和显示之间切换。 正文部分应包含网站的实际内容。

由于我不想对每个网站进行硬编码，我希望继续使用该面板并仅重新加载内容。

这似乎可以使用AHAH和this教程完成。

问题在于，如果加载了新内容，它只会将旧内容推送下来。 我的问题是，如何用新获取的内容覆盖旧内容？

非常感谢您的帮助！

Answer 1

使用：

document.getElementById('yourDivID').innerHTML = theHTML;

但是theHTML中的任何JavaScript都不会被评估。

Answer 2

prototype.js库有一个很好的函数，Ajax.Updater（）来做这种事情，并且它比ahah.js lib更少限制，它听起来（可以收获任何页面的一大块，本地的或远程，不像AHAH）。像jquery一样，有一个特殊的$（）函数来获取东西，在添加之前使用它来修剪。

$( 'target_div_id').childElements().each( function( child) { child.remove(); } )
Ajax.Updater( 'target_div_id', 'related_page.html')

可以添加跟踪选项以优化使用下载的“页面”的数量。

Ajax.Updater Element

Answer 3

如果你正在使用jQuery：

$("#divid").html("some html value goes here");

Answer 4

Jquery是最好的方式，这是指向该页面的链接;

http://docs.jquery.com/Attributes/html#val