Question

javascript如何添加css类

document.getelmentbyid("apple").classname="hide";这样为什么不行，添加一个类的方法是什么，能说一下么？

Answer 1

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

 1、简单的方法：

document.createStyleSheet().cssText = '标签{color:red;' +  
    // 这个注释只在当前JS中帮助理解，并不会写入CSS中  
    'width:300px;height:150px}' +  
    '.类名{……}' +  
    '#ID们{……}'

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

if (!document.styleSheets['要建立的样式表ID如theforever']) { //先检查要建立的样式表ID是否存在，防止重复添加  
 var ss = document.createStyleSheet();  
 ss.owningElement.id = '要建立的样式表ID如theforever';  
 ss.cssText = '标签{display:inline-block;overflow:hidden;' +  
  // 这个注释只在当前JS中帮助理解，并不会写入CSS中  
  'text-align:left;width:300px;height:150px}' +  
  '.类名{……}' +  
  '#ID们{……}'  
 ;  
}

Answer 2

用法没错 写法错了 注意区分大小写
document.getElementById("apple").className="hide";

Answer 3

字母大小写问题！js里面区分大小写的