DOM属性的设置和获取

1.节点属性的设置
                对象.属性名=值;
                对象[属性名]=值;
                obj.setAttribute(pro,value)
            2.节点属性值的获取：
                对象.属性名
                对象[属性名]
                obj.getAttribute(pro)

            注意：前两种设置和获取属性的方法，均需要注意特殊情况
                class   --->        className
                for     --->         htmlFor

                通过get和set方法获取和设置属性，不需要变形

</script>
	<img src="images/1.jpg" alt="" id="pic" class="one"><br>
	<input type="text" name="" id="ipt1">
    <input type="text" name="" id="ipt2">
    <script type="text/javascript">
    	 var oImg=document.getElementById("pic");
    	 var txt=document.getElementById("ipt1");
    	 var txt1=document.getElementById("ipt2");
    	 //赋值
    	 txt.value=oImg.src;
    	 txt1.value=oImg.className;
    	 //1
    	 oImg.alt="哈哈";
    	 oImg.className="two";
    	 console.log(oImg.alt);
    	 //2
    	 // oImg['alt']="嘿嘿";
    	 // oImg.className="two";
    	 // console.log(oImg['alt']);
    	 // console.log(oImg['className']);
    	 //3
    	 oImg.setAttribute("src","images/2.jpg");
    	 oImg.setAttribute("class","two");
    	 var s=oImg.src;
    	 var s=oImg['src'];
    	 var s=oImg.getAttribute("src");
    	 var s=oImg.getAttribute("alt");
    	 var s=oImg.getAttribute("class");
    	 console.log(s);
    </script>