原生js操作非表单元素的属性

<!--非表单元素： 用于展示的元素 不与用户交互 div span img    表单元素： 按钮 文本框 下拉框-->
<a href="https://blog.csdn.net/" title="CSDN" id="link"></a>
<img src="images/bread1.png" alt="面包圈" id="img">

// 获取DOM对象的属性值
var link = document.getElementById('link');
console.log(link.id, link.title, link.href); // link CSDN https://blog.csdn.net/
var img = document.getElementById('img');
console.log(img.id, img.alt, img.src);  // img 面包圈 file:///E:/WebAPI/images/bread1.png
// 主意src为绝对路径 file:///E:/WebAPI/images/bread1.png

// 设置DOM对象的属性值
link.href = 'http://www.baidu.com';
link.title = 'baidu';
console.log(link.href, link.title); // http://www.baidu.com/ baidu