相容ie專用
工作用建立乙個文字節點
標籤裡面插入文字
div1.innertext='你好' node原型提供的介面
div1.textcontent ='你好' element提供的介面
插入頁面中
改style
改data-*屬性
讀標準屬性
改節點的事件處理函式
改子節點
改html內容
改標籤改父節點
直接這樣就可以了,直接從原來的地方消失
查爸爸查爺爺
查子代乙個
查兄弟姐妹
查特定的兄弟姐妹
檢視乙個節點裡所有的元素
當瀏覽器發現js在body裡面加了個div1物件
瀏覽器就會通知渲染引擎在頁面裡也新增乙個div元素
新增的div元素所有屬性都照抄div1物件
把div1放入頁面之時
瀏覽器會發現js的意圖,就會通知渲染執行緒在頁面中渲染div1對應的元素
把div1放入頁面之後
屬性同步
data-*屬性 同上
非標準屬性
啟示data-作為字首
property v.s. attribute
DOM程式設計
dom 基於文件物件模型程式設計,解析html頁面時,js引擎將html頁面中每乙個標籤都封裝成一物件,通過操作這些物件在頁面中顯示效果 整個文件 document 乙個標籤物件代表乙個節點 node 屬性 nodename 節點名稱 它是以乙個樹狀結構進行儲存 學習dom程式設計的作用 all 返...
DOM程式設計
1.d 當建立了乙個網頁並把它載入到web瀏覽器中時,dom就生成了,它將我們編寫的網頁文件轉換成乙個文件物件。js中的物件可以分為三種型別 a 使用者定義物件 程式設計師自行建立的物件。b 內建物件 array math date c 宿主物件 由瀏覽器提供的物件。js最初版本中,非常重要的一些宿...
DOM程式設計初探
這篇部落格將會介紹以下內容 想象一下你的 非常龐大 事實就是這樣 完全載入完需要很長的時間,如果等待載入完使用者才能看到網頁。顯然,使用者體驗和載入時間成反比,載入時間和網頁大小成正比,和網速大小成反比。我們的網頁越大,網速越慢,使用者體驗就會越差,直接的後果就是使用者丟失。當然,資料量小,網速快的...