js API DOM基礎知識,節點操作

2021-10-05 12:32:21 字數 1357 閱讀 2712

通過classname改變元素樣式:

element.classname = 』 『;會覆蓋以前的類名

想保留原來的類名:

element.calssname = 『原類名 新類名』

改變body的背景樣式:

document.body.style.background = 『url(』+***+』)』

補充:localstorage:作為本地儲存

localstorage.setitem(『名』,值)

localstorage.getitem(『名』)

localstorage.removeitem(『名』)

給單選框新增監聽事件

check.addeventlistener('change ',function()

})

節點至少擁有nodetype、nodename、nodevalue三個基本屬性。

元素節點 nodetype為1

屬性節點 nodetype為2

文字節點 nodetype為3(文字節點包括文字、空格、換行等)

主要操作元素節點

子節點.parentnode :獲得該子節點的最近的父節點

父節點.childnodes :得到的是乙個集合包含了所有的子節點,包括元素節點,文字節點等。

父節點.children:只想獲得裡面的元素節點

父節點.firstchild:獲得第乙個子節點,不管是文字節點還是其他

父節點.firstelementchild:獲得第乙個元素節點(但是只有ie9以上才支援)

lastchild同理

實際開發使用:

子節點的第乙個:父節點.children[0]

子節點最後乙個:父節點.children[父節點.children.length - 1]

節點.nextsibing:下乙個兄弟節點,包含元素節點或者文字節點等等

節點.nextelementsibing:下乙個兄弟元素節點,找不到返回null

節點.previoussibing:上乙個兄弟節點

節點.previouselementsibing:上乙個兄弟元素節點(ie9以上支援)

document.createelement(『tagname』)

document.write():如果頁面文件流載入完畢,再呼叫這句話會導致頁面重繪,原先頁面消失

父節點.removechild(子節點)

節點.clonnode():括號為空或false,為淺拷貝,只複製標籤,不複製內容。為true的話,深拷貝,既複製標籤也複製內容

C 基礎知識整理 基礎知識(2) 類

類,是物件導向語言的基礎。類的三大特性 封裝 繼承 多型。最基本的特性就是封裝性。程式設計師用程式描述世界,將世界的所有事物都看成物件,怎麼描述這個物件?那就是類了。也就是用類來封裝物件。用書上的話說,類是具有相同屬性和行為的物件的抽象。寶馬汽車 別克汽車 五菱之光汽車.基本具有相同的屬性和行為,所...

C 基礎知識整理 基礎知識(2) 類

類,是物件導向語言的基礎。類的三大特性 封裝 繼承 多型。最基本的特性就是封裝性。程式設計師用程式描述世界,將世界的所有事物都看成物件,怎麼描述這個物件?那就是類了。也就是用類來封裝物件。用書上的話說,類是具有相同屬性和行為的物件的抽象。寶馬汽車 別克汽車 五菱之光汽車.基本具有相同的屬性和行為,所...

電腦的基礎知識 電腦的基礎知識

電腦的組成部分與其作用 一 軟體系統 軟體系統的組成分別是 作業系統 應用軟體等。其應用軟體是指特定領域開發 並為特定目的服務的一類軟體。而作業系統是位於底層硬碟與使用者之間溝通的橋梁。使用者可以通過作業系統的使用者頁面,輸入命令,實現使用者需求。二 硬體系統 硬體系統是指構成計算機的物理裝置,即由...