javascript中innerHTML的用法

本文轉載自查看原文 2016-08-03 12:26 1953 javascript學習

定義和用法

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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JavaScript中innerText和innerHTML的區別 js中innerHTML和innerText的用法原生js中的innerHTML的用法 js中innerText，innerHTML的用法 JavaScript之innerHTML JavaScript中innerHTML與innerText，createTextNode的區別 javascript 中的 innerHTML 是什么意思 javascript 中的 innerHTML 是什么意思 javaScript中innerHTML,innerText,outerHTML,outerText的區別 javascript中innerHTML 獲取或替換html內容