DOM方式操作元素屬性

原生js取屬性值getattribute

var optionsjson = this.getattribute('data-options') || '{}';

1.獲取：getattribute(名稱)

2.設定：setattribute(名稱，值)

3.刪除：removeattribute(名稱)

用classname選擇元素好處：

1.可批量選擇元素

2.可有選擇效能

3.當頁面發生改變時，程式不會出錯

建立dom元素：

createelement(標籤名)---->建立乙個節點

insertbefore(節點，原有節點)-------在已有元素前插入

刪除dom元素：

removechild(節點)

parent()只找上一父級

parents()全部父級

parentsuntil()找元素與元素之間的父級（所有祖級）

例：$('span').parentsuntil('ul'').css('border-color','green');

後代：children()下一級

find()所有子級

find('*')全部後代

同級：siblings()所有同級

next()該元素後面的同級

nextall()該元素後面的所有同級

nextuntil()元素與元素之間的所有同級

prev()該元素前面的同級

prevall()該元素前面的所有同級

prevuntil()元素與元素之間的所有同級

過濾：first()第乙個

last()最後乙個

eq()某個

filter()帶某個類名的標籤

例：$('p').filter('.info');

dom元素屬性操作（常規屬性操作）

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

dom元素的操作方式

好久不見呀，csdn。最近一直才忙，今天先從乙個基礎知識點，dom元素的操作來說起吧。關於dom元素的操作，之前也有接觸過一點點，但需要注意的是，dom元素過多的建立會影響瀏覽器的效能。所以呢，求人不如求己，與其抱怨瀏覽器的效能和其他，不如先從優化自己的 開始。再嘮叨一下，何為dom dom doc...

DOM對元素屬性的操作

獲取元素屬性值 input.getattribute type 給元素新增屬性值 第乙個引數是屬性名，第二個引數是屬性的值 必須兩個引數 input.setattribute yes ok yes ok新增屬性 乙個值 input.attributes.setnameditem disabled 建...