| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3079 人关注过本帖
标题:HTML5实用教程之outerHTML的用法
只看楼主 加入收藏
菜鸟在线哈哈
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2016-5-12
收藏
 问题点数:0 回复次数:0 
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属性的用法。
搜索更多相关主题的帖子: javascript content HTML5 而且 元素 
2016-09-12 18:27
快速回复:HTML5实用教程之outerHTML的用法
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.016011 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved