Javascript DOM 基礎篇 01

dom基礎

dom是什麼

       答：檔案對象模型（document object

model，簡稱dom），dom可以以一種獨立于平台和語言的方式通路和修改一個文檔的内容和結構！

本節了解了下面知識點：

dom節點

childnodes  nodetype

擷取子節點

children

parentnode

例子：點選連結，隐藏整個li

offsetparent

例子：擷取元素在頁面上的實際位置

dom節點(2)

首尾子節點

有相容性問題

firstchild、firstelementchild

lastchild 、lastelementchild

兄弟節點

nextsibling、nextelementsibling

previoussibling、previouselementsibling

元素屬性操作

第一種：odiv.style.display=“block”;

第二種：odiv.style[“display”]=“block”;

第三種：dom方式

dom方式操作元素屬性

擷取：getattribute(名稱)

設定：setattribute(名稱, 值)

删除：removeattribute(名稱)

用classname選擇元素

如何用classname選擇元素

選出所有元素

通過classname條件篩選

封裝成函數