? ? ? 創(chuàng)建節(jié)點及節(jié)點屬性與內(nèi)部插入append()和appendTo()

1 ? 創(chuàng)建流程

???創(chuàng)建節(jié)點（常見的元素、屬性和文本）

? ?添加節(jié)點的一些屬性

? ?加入到文檔中

2 ? 流程中涉及的方法

? ?創(chuàng)建元素document,creat

? ?設(shè)置屬性setAttrilbute

? ?添加文本innerHTML

? ?加入文檔appendChild

3 ? 創(chuàng)建節(jié)點時注意：每一個元素節(jié)點都必須單獨創(chuàng)建，節(jié)點是屬性需要單獨設(shè)置，而且設(shè)置的接口不是很統(tǒng)一，添加到指定的元素位置不靈活，瀏覽器兼容問題處理

4 ? 創(chuàng)建元素節(jié)點常見的是直接把這個節(jié)點的結(jié)構(gòu)通過HTML標記字符串描述出來，通過$()函數(shù)處理$("html結(jié)構(gòu)")如$("<div><div>")

5 ? 創(chuàng)建為本節(jié)點與創(chuàng)建元素節(jié)點類似，可以直接把文本內(nèi)容一并描述，如$("<div>我是文本節(jié)點</div>")

6 ? 創(chuàng)建為屬性節(jié)點與創(chuàng)建元素節(jié)點同樣的方式，如$("<div id='test' class='aaron'>我是文本節(jié)點</div>")

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

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

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

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

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

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

11 ??.append()前面是被插入的對象，后面是要在對向內(nèi)插入的元素內(nèi)容

12 ??.appendTo()前面是要被插入的元素內(nèi)容，而后面是被插入的對象

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

本文轉(zhuǎn)自 拉考的考拉 51CTO博客，原文鏈接:http://blog.51cto.com/lakaodekaola/1982890

總結(jié)

以上是生活随笔為你收集整理的DOM——创建节点及节点属性与内部插入append()和appendTo()的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。