DOM中關於屬性的基本操作

2021-08-31 13:31:21 字數 1020 閱讀 1295

1、獲取屬性

11111


var odiv=document.getelementbyid("box");


odiv.id


odiv.classname
2、自定義屬性的一些操作

11111


var odiv=document.getelementbyid("box");


odiv.attributes //獲取所有的屬性


odiv.getattribute("data-id")   //獲取預設屬性和自定義屬性都可


odiv.setattribute("id","box11") //修改屬性


odiv.removeattribute("id") //移除屬性
3、節點型別：元素節點、屬性節點、、文字節點

11111


var odiv=document.getelementbyid("box");


odiv.nodetype  //1 即元素節點


odiv.nodename // div 節點名稱


odiv.attributes[0].nodetype // 2  即屬性節點


var otxt=document.createtextnode("這是乙個文字節點");


otxt.nodetype //3 即文字節點
4、獲取子元素節點

ppp


span
5、獲取元素內部資訊

ppp


span


//innerhtml outerhtml 


//相同點：標籤輸出


//不同點 ：innerhtml 把元素內部的資訊原樣輸出。outerhtml 元素本身和元素內部的內容待標籤輸出


輸出元素內的內容  不帶標籤
6、獲取第乙個子節點相容寫法

DOM屬性的操作

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

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...

JS中的DOM基本操作

一 基本操作 1.增 1 document.createelement 建立元素節點 2 document.createtextnode 建立文字節點 3 doucment.createcomment 建立注釋節點 4 createdocumentfragment 建立一虛擬的節點物件，節點物件包含...