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>