DOM 屬性操作

href、title、id、src、classname

var link = document.getelementbyid('link');

console.log(link.href);
console.log(link.title);
​var pic = document.getelementbyid('pic');
console.log(pic.src);

點選按鈕顯示隱藏div

相簿

var box = document.getelementbyid('box');

box.innerhtml = '我是文字我會生成為標籤
';console.log(box.innerhtml);
box.innertext = '我是文字我不會生成為標籤
';console.log(box.innertext);

除class之外的標籤標準（自帶）屬性都可以通過這個方法獲取。（若引數為class，返回undefined）。其他情況要用getattribute()方法

案例

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新增屬性...

DOM方式操作元素屬性

原生js取屬性值getattribute var optionsjson this.getattribute data options 1.獲取 getattribute 名稱 2.設定 setattribute 名稱，值 3.刪除 removeattribute 名稱 用classname選擇元素...