dom物件選擇,獲取和設定標籤屬性及自定義屬性

2021-09-12 21:58:36 字數 482 閱讀 7627

queryselector與queryselectorall是h5提供的選擇器,可用document.queryselector()選擇元素操作節點,

用法與jquery裡的$()選擇器類似,但有些細微區別:

1.queryselector只能選擇第乙個匹配的節點;

2.queryselectorall可以選擇多個節點,以","分隔開,返回的是個陣列;

document.queryselector("span.item1")等

標籤自定義屬性

// 讀取或設定data-num型別的自定義屬性

this.$refs.datanum.dataset.num='設定新的值'

// 讀取或設定任意屬性

this.$refs.datanum.getattribute('data-num')

DOM獲取和設定屬性

一.節點 節點 node 這詞是網路術語,表示網路中的乙個連線點,乙個網路就是由一些節點構成的集合。三種型別節點 元素節點,文字節點,屬性節點 不要忘記買東西 上行 中 元素為元素節點,title a gentle reminder 為屬性節點 不要忘記買東西為文字節點 二.css 繼承 inher...

DOM標籤屬性和物件屬性

dom元素的屬性分為兩種 1 標籤屬性 直接寫在標籤上的屬性 2 物件屬性 由於所有的dom元素都是object型別,所以我們可以通過物件的方式為dom元素設定屬性 1.標籤屬性 1 設定標籤屬性 elem.setattribute 屬性名,屬性值 注意 1 屬性名單詞之間通常用 連線,並且不使用駝...

Jquery物件和dom物件獲取html的方法

1 dom物件 var domobj document.getelementbyid id dom物件 domobj.innerhtml domobj.outerhtml 2 jquery物件 var obj id jquery物件 foo html 相當於dom物件的innerhtml obj.p...