改变 HTML 样式
如需改变 HTML 元素的样式，请使用这个语法：
document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
获取属性：
在JavaScript中访问属性最常用的方法是使用“getAttributes”，这也是我们要做的第一步。在页面的head脚本区域添加以下函数：
function getElementAttribute(elemID) {
var theElement = document.getElementById(elemID);
var theAttribute = theElement.getAttribute('data-product-category');
alert(theAttribute);
}
JS改变元素属性;
<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>
jQuery 属性操作:
attr() 方法:
设置被选元素的属性和值:$(selector).attr(attribute,value)
$("button").click(function(){
$("img").attr("width","180");
});
向第一个 p 元素添加一个类：
$("button").click(function(){
$("p:first").addClass("intro");
});
jQuery 属性操作:http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp
jQery 文档操作：