創建節點:
節點是DOM結構的基礎。根據DOM規範，節點是壹個非常廣泛的概念，包括元素、屬性、文本、文檔和註釋。但是在實際開發中，為了動態創建內容，主要的操作節點包括元素、屬性和文本。
1.要求:創建壹個h1。
標記並將其作為div元素的子節點添加到DOM節點樹中。
2.基本思想是:首先創建壹個h1元素對象，然後將其添加到文檔中。
3、以下是兩種實現方式:
//
JQuery模式
定義變量
$h1
=
$（“& lt；h1
Title=“創建節點”
class =‘head‘& gt。jQuery和JavaScript創建節點的比較
$（“div“）。append（h 1）；
//JavaScript模式
定義變量
差異
=
document . getelementbyid（“div 1“）；
定義變量
h1
=
document . createelement（“h 1“）；//創建h1對象
h 1 . set attribute（“title“，“create node“）；//為h1對象創建壹個屬性節點並設置屬性值。
h 1 . set attribute（“class“，“head“）；//是h1對象的交易價格屬性節點類，屬性值已設置。
定義變量
文本文件（textfile）
=
文檔。create text node（“jquery和JavaScript創建節點比較”）；
h 1 . appendchild（txt）；//向元素節點添加文本
div . appendchild（h 1）；//將創建的h1對象添加到div中。
4、兩種比較方式:
1）、代碼輸入:jQuery很容易創建壹個元素節點，只用兩行代碼就可以快速實現。JavaScript實現比較麻煩，用戶需要分別創建元素節點和文本節點，然後逐步將文本節點添加到元素節點中，最後添加到DOM結構樹中。
2）從執行角度來看:在Safari瀏覽器中，JavaScript實現比jQuery實現快80倍以上，而在執行速度最慢的IE瀏覽器中，它們之間的差異也超過10倍。
以上就是本文的全部內容。如果妳有任何問題，妳可以聯系邊肖。下壹篇文章將介紹jQuery和JavaScript在插入元素方面的比較，大家可以關註壹下。。