设置innerHTML的新方法【转备忘】

最新推荐文章于 2023-08-17 20:53:39 发布

最新推荐文章于 2023-08-17 20:53:39 发布 · 171 阅读

文章标签：

#IE #Blog #HTML

Ajax 专栏收录该内容

158 篇文章

订阅专栏

本文介绍了一个用于快速替换网页中HTML内容的方法。通过使用JavaScript实现的一个函数replaceHtml，该函数接收两个参数：要替换的元素和新的HTML内容。此方法不仅适用于IE浏览器，在其他现代浏览器中也表现出良好的兼容性和性能。

From:http://blog.stevenlevithan.com/archives/faster-than-innerhtml

[url=http://lveyo.iteye.com/blog/182891]http://lveyo.iteye.com/blog/182891[/url]

[url=http://fins.iteye.com/blog/183373]http://fins.iteye.com/blog/183373[/url]

function replaceHtml(el, html) {

	var oldEl = typeof el === "string" ? document.getElementById(el) : el;

	/*@cc_on // Pure innerHTML is slightly faster in IE

		oldEl.innerHTML = html;

		return oldEl;

	@*/

	var newEl = oldEl.cloneNode(false);

	newEl.innerHTML = html;

	oldEl.parentNode.replaceChild(newEl, oldEl);

	/* Since we just removed the old element from the DOM, return a reference

	to the new element, which can be used to restore variable references. */

	return newEl;

};