DOM程式設計

2022-03-09 03:37:41 字數 692 閱讀 4307

相容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程式設計初探

這篇部落格將會介紹以下內容 想象一下你的 非常龐大 事實就是這樣 完全載入完需要很長的時間,如果等待載入完使用者才能看到網頁。顯然,使用者體驗和載入時間成反比,載入時間和網頁大小成正比,和網速大小成反比。我們的網頁越大,網速越慢,使用者體驗就會越差,直接的後果就是使用者丟失。當然,資料量小,網速快的...