javascript中innerHTML的用法

定义和用法

innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。

语法

Object.innerHTML = "HTML";// 设置
var html = Object.innerHTML;// 获取

例子 1

获取段落p的 innerHTML（html内容）

 1     <html>
 2     <head>
 3     <script type="text/javascript">
 4     function getInnerHTML(){
 5     alert(document.getElementById("test").innerHTML);
 6     }
 7     </script>
 8     </head><body>
 9     <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
10     <input type="button" onclick="getInnerHTML()" value="点击" />
11     </body>
12     </html>

例子 2

设置段落p的 innerHTML（html内容）

 1     <html>
 2     <head>
 3     <script type="text/javascript">
 4     function setInnerHTML(){
 5     document.getElementById("test").innerHTML = "<strong>设置标签的html内容</strong>";
 6     }
 7     </script>
 8     </head><body>
 9     <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
10     <input type="button" onclick="setInnerHTML()" value="点击" />
11     </body>
12     </html>

posted on 2016-08-03 12:26 Sharpest 阅读(5540) 评论(0) 编辑收藏举报