欢迎来到 jackNEss'窝窝
I like simple mind

[JS]FF下面实现outerHTML

2011年09月18日

题目:

FF下面实现outerHTML。

分析

outerHTML,即将连同对象所在的标签一同获取,算是 innerHTML的 升级版,可怜的是 html5新增加的一种属性,目前支持此方法的是…哈哈,除firefox 之外都支持。

解题:

以下是我实现的其中一种方法,供各位参考:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>firefox 下 outerHTML</title>
</head>
<body>

<div>
	<div>俺不是重点内容</div>
	<div id = "cell" class="jackness">
		<strong>从前有座山,山上有座庙,庙里坐着2个小和尚(完)</strong>
	</div>
	<div>俺也不是重点内容</div>
	<div>俺依然不是重点内容</div>
</div>
	
</body>
<script type="text/javascript">
var cell = document.getElementById("cell");

if(!cell.outerHTML){
	cell.outerHTML = printOuterHTML(cell);
}


function printOuterHTML(elm){
	var parent = elm.parentNode;
	var clone = parent.cloneNode(true);
	for( var i = 0,j = 0; i < parent.children.length;i++){
		parent.children[i] == elm?(
			j++
		):(
			clone.removeChild(clone.children[j])
		);
	}
	return clone.innerHTML;
}
alert(cell.outerHTML)
</script>
</html>

演示地址:http://www.jackness.org/lab/test/outerhtml.html

分类javascript
标签, ,
阅读 3,758
  • 评论加载中...

标签云

分类目录

最新留言

  • 评论加载中...

与我联系

如有疑问or建议可通过以下方式跟我取得联系.

Q Q:373435871
Email:jackness1208@gmail.com
© Copyright 2011 - 2014 jackNEss.org All Rights Reserved 粤ICP备14065612号
首页 | 关于我 | 网站地图 | RSS