JavaScript HTML DOM - 改变 CSS 及元素属性

改变 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 文档操作：

http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp