JavaScript中的innerHTML属性的使用

*/
 * Copyright (c) 2016,烟台大学计算机与控制工程学院
 * All rights reserved.
 * 文件名:text.html
 * 作者:常轩
 * 微信公众号:Worldhello
 * 完成日期:2016年11月1日
 * 版本号:V1.0
 * 程序输入:无
 * 程序输出:见运行结果
 */

<!--JavaScript中innerHTML的使用

innerHTML 用于获取替换标签中的内容;

使用:Object.innerHTML
Object是通过 document.getElementById(“....”)获取的。
实例:-->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<body>
<h2 id="con">javascript</H2>
<p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p>
<script type="text/javascript">
  var mychar=document.getElementById("con")           ;
  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
  mychar.innerHTML="hello WorldW!";
  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>
</body>
</html>

posted @ 2016-11-01 19:26  壹言  阅读(649)  评论(0编辑  收藏  举报