如何在指定的地方插入html內容和文字內容_javascript技巧

dhtml提供了兩個方法來進行添加，insertAdjacentHTML和insertAdjacentText
insertAdjacentHTML方法：在指定的地方插入html標籤語句。
原型：insertAdjacentHTML(swhere,stext)
參數：
swhere:指定插入html標籤語句的地方，有四種值可以用：
1.beforeBegin:插入標籤開始前
2.afterBegin:插入到標籤開始標記後
3.beforeEnd:插入到標籤結束標記前
4.afterEnd:插入到標籤結束標記後
stext:要插入的內容
例：

複製程式碼 程式碼如下:

var sHTML="
"
var sScript='' '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML sScript);

在html正文中加入一行：

最後變成：

複製程式碼 程式碼如下:

insertAdjacentText方法與insertAdjacentHTML方法類似，只不過只能插入純法文本，參數相同

這兩個屬性還是比較適用的，尤其是在繪圖等地方用的比較多，它的優點是不會覆蓋原有的內容，讓我們來假設一下吧，有一個DIV，它裡面已經有內容了，現在我們還要動態的添加內容進去，而又不能覆蓋原有的內容，那麼這時候這個東西就很重要了，innerHTML是會把原有的東西覆蓋掉的。
所有成對出現的HTML都可以用這個屬性，這點和innerHTML一樣，比如..、

....

等這些都有這兩個屬性

補充下：剛才我試了一下，innerHTML這個屬性是可讀寫的，以前我知道innerHTML可以對節點插入內容，但是這個屬性也是可讀的，也就是說innerHTML中保存的是節點的html內容;看以下程式碼就完全明白了：

複製程式碼 程式碼如下:

>