setAttribute和setProperty的区别

setAttribute是给html元素属性设置值的。例如<div id="name" class="text"><div>中的id和class就是html元素属性。

var a = document.getElementsByClassName("img");

a.setAttribute('src','/static/modules/mes/themes/default/images/deviceIcon1.png');

 

.style.setProperty="值"是用来设置css样式的。例如document.getElementById("#name").style.background="red"设置文本框的背景颜色为红色。

var b = document.getElementsByClassName("deviceIcon");

b.style.setProperty('background','url(/static/modules/mes/themes/default/images/deviceIcon1.png) no-repeat 25% 50%');

 

小结：.setAttribute('','')是设置html元素的属性值；.style.setProperty('','')是设置css样式的。