JavaScript 属性
作者:互联网
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>
标签:oImg,JavaScript,setAttribute,getElementById,var,document,属性 来源: https://blog.csdn.net/Jupiter_zhao/article/details/100733781