定义和用法
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>