使用js改变DOM样式的三种方式 - className属性

 改变dom节点样式另一种方式是设置dom的className属性.

<style type="text/css">
		.red{ color:red; }
	</style>
    
    <span id="a">hello world</span>
    
    <script type="text/javascript">
		var node=document.getElementById("a");
		node.className="red";
	</script>

以上代码等同于 : 

<span id="a" class="red">hello world</span>