访问属性标签

img/DOM树.png"title="hello"id="img"/>

// 第一种方式,通过.或者[]来获取 => 获取inp的type属性

var inp = document.getElementById('inp');

// 获取属性

console.log('inp.type:',inp.type); // button

console.log(inp['type']); // button

// 第二种方式,通过getAttribute获取 => 获取img的src属性

var img = document.getElementById('img');

console.log('src属相', img.getAttribute('src'));

// 设置属性(setAttribute) => 把src设置为百度的logo

img.setAttribute('src', 'https://www.baidu.com/img/superlogo_c4d7df0a003d3db9b65e9ef0fe6da1ec.png?where=super');

// 删除属性(removeAttribute) => 删除title属性并打印

console.log('title', img.getAttribute('title'));

img.removeAttribute('title');

console.log('title', img.getAttribute('title'));