1. 程式人生 > >HTML innerHTML屬性用法及分析

HTML innerHTML屬性用法及分析

innerHTML:設定或返回表格行的開始和結束標籤之間的 HTML。

                     看它的英文單詞也可以明白就是裡面的字元按html標記的語言格式取出來或重新設定。

innerHTML屬性w3c標準不支援的,但是各大瀏覽器支援它的實現。

innerHTML的用法

舉例:

<div id="div1"></div>
下面是js:
var div1=document.getElementById("div1");
div1.innerHTML="<span style='color:red'>Hi</span>";//重新設定div1內的html程式碼。
alert(di1.innerHTML);//取出div1裡面的 html程式碼

還有個innerText屬性,這個屬性只被ie支援,其實沒有必要有這個屬性,因為innerHTML完全可以替代它。
div1.innerHTML="Hi";//其實和innerText的效果一樣