DOM獲取和設定屬性

2021-08-28 09:27:59 字數 744 閱讀 6762

一.節點

節點(node)這詞是網路術語,表示網路中的乙個連線點,乙個網路就是由一些節點構成的集合。

三種型別節點:元素節點,文字節點,屬性節點

不要忘記買東西

上行**中:元素為元素節點,

title="a gentle reminder"為屬性節點

不要忘記買東西為文字節點

二.css

繼承(inheritance)是css技術中一項強大功能。

dom,css也可看作節點樹,節點樹上的各個元素都將繼承其父元素的樣式屬性

三.獲取元素方法

3中dom方法可獲取元素節點

document.getelementbyid(id) // 通過元素id
document.getelementbytagname('p') // 通過標籤名字
document.getelementbyclassname(class) // 通過類名
注意:typeof 上邊的返回結果均為物件,或者是物件陣列

四.獲取和設定屬性

object.getattribute('attribute') // 獲取把標籤屬性
object.setattribute('attribute', value) // 修改屬性節點

DOM之獲取元素,獲取和設定屬性

1.getelementsbytagname允許把乙個萬用字元作為乙個引數,而這意味著文件裡的每乙個元素都將在這個函式所返回的陣列裡占有一席之地。萬用字元 如果想知道某文件裡總共有多少個元素節點。document.getelementsbytagname length 2.如果想知道id屬性值是pu...

獲取 DOM 元素設定的樣式屬性

document.getelementbyid style獲取的是元素行間設定的樣式,不能獲取到css中設定的樣式。如果要獲取css中設定的樣式,可以試試getcomputedstyle 標準瀏覽器 或者currentstyle ie低版本 let target document.getelemen...

js獲取和設定屬性

function square num var total 50 全域性變數 var number square 20 alert total 結果為50 function square num var total 50 全域性變數 var number square 20 alert total ...