DOM属性操作：

1.属性的取值

                1)对象.属性名
                    注意：针对特殊属性需要变形  例如：class-->className
                2)getAttribute(属性名)
                    注意：属性名和HTML严格保持一致
                3)对象[属性名]

<div id="box"></div>
    
    <input type="text" id="txt">
    <script>
        var oImg = document.getElementById('pic');
        var t = document.getElementById('txt');

         t.value = oImg.src; //属性的取值，赋值
         </script>

2.属性的赋值

                1)对象.属性名=值;
                    注意：针对特殊属性需要变形  例如：class-->className
                2)setAttribute(属性名,属性值)
                    注意：属性名和HTML严格保持一致
                3) 对象[属性名]=值;

<div id="box"></div>
    <img src="images/1.jpg" alt="" id="pic">
    <input type="text" id="txt">
    <script>
        var oImg = document.getElementById('pic');
        var t = document.getElementById('txt');
        //属性赋值
        t.value='hello world';
        t.setAttribute('value','hello everyone');
         o.setAttribute('class','one');
         oImg.setAttribute('src','images/2.jpg');
         oImg['src']='images/3.jpg';
        o['className']='two';
        </script>