DOM操作 操作樣式

dom操作_操作樣式

1. style 屬性(行內樣式)

讀取:dom.style.樣式名稱dom操作_操作樣式

設定:dom.style.樣式名稱=樣式值

說明:所有的樣式名稱都與css相通,但命名規則為駝峰命名法。

dom. style. fontsize = 『30px』

dom.style.display = 『none』

案例**如下

let p = document.

queryselector
('#title'
)as htmlparagraphelement
p.style.fontsize =
'50px'
p.style.color =
'red'
//隱藏p標籤
p.style.display =
'none'
//顯示p標籤
p.style.display =
'block'

包含三個常用方法:新增、移除、判斷是否存在。

let p = document.

queryselector
('#title'
)as htmlparagraphelement
//新增類名，可同時新增多個值
p.classlist.
add(
'b',
'c')
//刪除類名，可同時移除多個值
p.classlist.
remove
('a'
)//判斷類名是否存在，返回值為true或者false，最好單值操作
let has = p.classlist.
contains
('a'
)console.
log(has)

DOM程式設計 樣式操作

幾個需求 一 在我們進行登入註冊的時候，當我們的輸入不符合規則，游標離開後會變色來提示使用者 二 頁面換膚，使用者的選擇會改變整個頁面的樣式 可以通過外部引入css檔案，在head中內嵌css，在style屬性中新增css屬性 說明 下面的style對應的是cssstyledeclaretion的乙...

DOM操作之屬性和樣式操作

在dom操作，除了前面的節點操作以外，常常被用到的操作還有屬性操作和節點操作，下面，主要來總結一下jquery中的屬性操作方法和樣式操作方法。在開始操作前，我們需要先在html中新增如下 後面所有的操作都是基於該dom結構進行的。你最喜歡的水果是？在前面我們提到過乙個方法attr 通過給該方法新增乙...

javascript 操作DOM元素樣式

點語法 dom.style.color 中括號 dom.style color 相同點 1.只能獲取行內樣式,不能獲取內嵌和外部樣式 2.獲取的是帶單位的字串 如 100px 不同點 點語法只能獲取固定的屬性而且不能動態傳參,中括號可以 var h height box.style.h 100px ...