innerHTML解析JS

最新推荐文章于 2026-02-26 22:20:11 发布

原创最新推荐文章于 2026-02-26 22:20:11 发布 · 1.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#opera #div

收录于

JS/CSS 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种跨浏览器兼容的方法来设置元素的innerHTML属性，确保在不同浏览器环境下脚本能够正确执行并避免因浏览器差异导致的问题。

<script language="javascript">
	function setInnerHTML(el, htmlCode) {
		var ua = navigator.userAgent.toLowerCase();
		if (ua.indexOf('msie') >= 0 && ua.indexOf('opera') < 0) {
			htmlCode = '<div style="display:none">for IE</div>' + htmlCode;
			htmlCode = htmlCode.replace(/<script([^>]*)>/gi,'<script$1 defer="true">');
			el.innerHTML = htmlCode;
			el.removeChild(el.firstChild);
		}
		else {
			var el_next = el.nextSibling;
			var el_parent = el.parentNode;
			el_parent.removeChild(el);
			el.innerHTML = htmlCode
			if (el_next) {
				el_parent.insertBefore(el, el_next)
			} else {
				el_parent.appendChild(el);
			}
		}
	}	
	</script>