HTML5实用教程之outerHTML的用法
OuterHTML是在HTML5中javascript的一个属性,它可以去设置或者是获取到指定元素中的所有文本内容、HTML,甚至是元素的本身,下面的HTML5教程就来讲一下它的用法,希望大家可以看一下。可以结合innerHTML属性一起学习,从名称上就要就能够很容的分辨他们的用法,innerHTML属性可以获取一个元素内部的html内容和文本,那么outerHTML属性获取的更要宽泛一些,不但可以获取html内容和文本吗,而且可以获取元素本身。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>javascript的outerHTML属性的作用</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>XXXXXXXXXXXXXXXX</h1></div>
<input type="button" value="点击查看结果" id="bt" />
</body>
</html>
以上HTML5教程中代码的运行结果已经很好的说明了outerHTML属性的用法。