标签：
javascript的outerHTML属性的作用:
此属性可以设置或者获取指定元素内所有的文本内容、html和元素本身。
可以结合innerHTML属性一起学习，从名称上就要就能够很容的分辨他们的用法，innerHTML属性可以获取一个元素内部的html内容和文本，那么outerHTML属性获取的更要宽泛一些，不但可以获取html内容和文本吗，而且可以获取元素本身。
代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/javascript"> window.onload=function(){ var str=null; var thediv=document.getElementById("thediv"); var bt=document.getElementById("bt"); bt.onclick=function(){ str="innerHMTL返回值:"+thediv.innerHTML+"\r\n"; str=str+"outerHTML返回值:"+thediv.outerHTML; alert(str); } } </script> </head> <body> <div id="thediv"><h1>蚂蚁部落欢迎您</h1></div> <input type="button" value="点击查看结果" id="bt" /> </body> </html>
以上代码额运行结果已经很好的说明了outerHTML属性的用法。
相关阅读:
1.onclick事件可以参阅javascript的onclick事件一章节。
2.innerHTML属性可以参阅js的innerHTML属性的用法一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11435
更多内容可以参阅:http://www.softwhy.com/javascript/
标签：
原文地址：http://www.cnblogs.com/zhadanren/p/5167181.html
