第3章DOM詳解(屬性操作)

2021-08-03 13:42:17 字數 537 閱讀 3711

dom就是

html

文件的模型抽象。資料以樹的形式在記憶體中排列。

節點就是dom

的組成。是乙個物件,有屬性和方法。獲取方式有很多種。

節點分為元素節點(標籤),文字節點,屬性節點。

區分方法:nodetype: 1

是標籤,2

是屬性,3

是文字1. 老版本的火狐不支援innertext

,支援textcontent

2. p不能巢狀p。

h1不能巢狀h1。

a連線內部不能巢狀a連線

3. value:標籤的

value屬性

4. innerhtml:獲取雙閉合標籤裡面的內容(識別標籤)

5. innertext:獲取雙閉合標籤裡面的內容(不識別標籤)

1.4注意事項:

1. 函式不到用不執行。

2. 頁面載入只載入函式名,不載入函式體。

3. 頁面載入從開啟頁面開始,當看到整個頁面就載入完成,不能出現alert

DOM 屬性操作

href title id src classname var link document.getelementbyid link console.log link.href console.log link.title var pic document.getelementbyid pic con...

dom元素屬性操作(常規屬性操作)

注 原生js操作樣式,只能操作元素的行內樣式 1.操作類名稱 console.log btnlist.classname console.log btnlist.name console.log btnlist.id console.log btnlist.style console.log btn...

DOM屬性的操作

dom對元素屬性的操作 1.getattribute 獲取元素屬性值 input.getattribute type 12.setattribute 給元素新增屬性值 第乙個引數是屬性名,第二個引數是屬性的值 必須兩個引數 input.setattribute yes ok yes ok 1新增屬性...