DOM——建立節點及節點屬性與內部插入append()和appendTo()

標籤：dom——建立節點及節點屬性與內部插入append()和appendto()

      建立節點及節點屬性與內部插入append()和appendTo()

1   建立流程

   建立節點（常見的元素、屬性和文本）

   添加節點的一些屬性

   加入到文檔中

2   流程中涉及的方法

   建立元素document,creat

   設定屬性setAttrilbute

   添加文本innerHTML

   加入文檔appendChild

3   建立節點時注意：每一個元素節點都必須單獨建立，節點是屬性需要單獨設定，而且設定的介面不是很統一，添加到指定的元素位置不靈活，瀏覽器安全色問題處理

4   建立元素節點常見的是直接把這個節點的結構通過HTML標記字串描述出來，通過$()函數處理$("html結構")如$("<div><div>")

5   建立為本節點與建立元素節點類似，可以直接把常值內容一併描述，如$("<div>我是文本節點</div>")

6   建立為屬性節點與建立元素節點同樣的方式，如$("<div id=‘test‘ class=‘aaron‘>我是文本節點</div>")

7   append這個操作與對指定的元素執行原生的appendChild方法，將它們添加到文檔中的情況類似

8   appendTo使用這個方法顛倒了常規的$(A).append(B)的操作，既不是把B追加到A中，而是把A追加到B中

9   append()和appendTo()的操作方法

   append(content)向每個匹配的元素內部追加內容

   appendTo(content)把所有匹配的元素追加到另一個指定的元素集合中

10   .append()和.appendTo()兩種方法功能相同，主要的不同是文法、內容和目標的位置不同

11   .append()前面是被插入的對象，後面是要在對向插入入的元素內容

12   .appendTo()前面是要被插入的元素內容，而後面是被插入的對象

13   .append()和.appendTo()都是在被選元素的結尾（仍然在內部）插入指定內容

DOM——建立節點及節點屬性與內部插入append()和appendTo()