属性的操作

一、对象.属性名

 取值：  对象.属性名                    例如：img.src
 赋值： 对象.属性名=值

二、对象[属性名]

 取值：  对象[属性名]`
 赋值： 对象[属性名]=值

三、通过方法来实现属性操作

 getAttribute(属性名)
 setAttribute(属性名,属性值)

例子：

  var o = document.querySelector('img');

        // o.src="./img/2.JPG";
        // o['src']="./img/3.JPG";
        // console.log(o.src);
        // o.tag='111';//代码中自定义属性
        // console.log(o.tag);
        // o.setAttribute('src','./img/4.JPG')
        // console.log(o.getAttribute('src'));//相对路径


        // console.log(o.tag);//undefined
        // console.log(o['tag']);//undefined
        console.log(o.getAttribute('tag'));

注意：若需要取出HTML标签中自定义的 属性的值，对象.属性名和对象[属性名]均取不到值(undefined),可以通过getAttribute()方法来取出HTML标签中自定义属性的值。