javscript 原生态js代码如何设置一个Html元素的css类信息(class)呢?


摘要:
下文讲述javascript代码设置html元素class的三种方法分享,如下所示:


方法1:使用DOM对象的setAttribute方法设置class值

例:
将html元素divTest设置class为t

<style>
    .t{ background:green;}
</style>
<script>
 
 var divObject = document.getElementById('divTest'); 
     divObject.setAttribute("class", "t");

</script>


方法2:使用DOM对象的setAttribute方法设置className值

例:
将html元素divTest设置class为t

<style>
    .t{ background:green;}
</style>
<script>
 
 var divObject = document.getElementById('divTest'); 
     divObject.setAttribute("className", "t");

</script>


方法3:使用DOM对象的设置className属性值

例:
将html元素divTest设置class为t

<style>
    .t{ background:green;}
</style>
<script>
 
 var divObject = document.getElementById('divTest'); 
     divObject.className= "t";

</script>