setAttribute()与.style.property="值"的区别

混沌的认为都是设置属性的，那两者有什么区别呢。仔细对比后发现，两者设置的属性是不同的。

setAttribute是给html元素属性设置值的。我主要是没有理解html元素属性这个概念。html元素属性就是指的标签中的键值对的前者，例如<div id="name" class="text"><div>中的id和class就是html元素属性。

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

在标签中我们也会内嵌样式，例如<div id="name" class="text" style="width:100px;"><div>，说明style也是html元素的一个属性。在设置的时候可以使用document.getElementById("#name").setAttribute("style","color:red;font:9px;");实际上平时用setAtrribute()这个方法就用的不多，也不太支持这种设置样式属性的写法。

如果引用了jQuery的话，在设置CSS样式的时候还可以使用.css("border","1px solid red");这种方式。