原生js怎么添加一个或多个类名?

JavaScript010

原生js怎么添加一个或多个类名?,第1张

添加 单个 class:

添加多个类:

移除一个类:

移除多个类:

检查是否含有某个类

JavaScript动态建立或增加CSS样式表,参考如下:

1、简单的方法:

document.createStyleSheet().cssText = '标签{color:red' +  

    // 这个注释只在当前JS中帮助理解,并不会写入CSS中  

    'width:300pxheight:150px}' +  

    '.类名{……}' +  

    '#ID们{……}'

2、比较完美的方法,防止重复添加,通过添加样式表ID并对其判断来实现:

if (!document.styleSheets['要建立的样式表ID如theforever']) { //先检查要建立的样式表ID是否存在,防止重复添加  

 var ss = document.createStyleSheet()  

 ss.owningElement.id = '要建立的样式表ID如theforever'  

 ss.cssText = '标签{display:inline-blockoverflow:hidden' +  

  // 这个注释只在当前JS中帮助理解,并不会写入CSS中  

  'text-align:leftwidth:300pxheight:150px}' +  

  '.类名{……}' +  

  '#ID们{……}'  

   

}

jquery可以使用attr()或prop()方法修改类名,javascript可以修改对象的className属性,关键代码如下:

$("#test").attr("class","blue")

$("#test").prop("class","blue")

document.getElementById("test").className = "blue"