你的位置:首页 > Java教程

[Java教程]javascript的outerHTML属性的作用


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/