JS常用API合集-CSS篇

CSS类名操作

如何给元素添加/删除Class

Element.className='';//删除
Element.className +=' active';//添加
Element.className=Element.className.replace('a','b');//替换
Element.classList.add('active');//添加
Element.classList.remove('active');//删除
Element.classList.toggle('active');//切换
Element.classList.contains('active');//是否包含

style样式表操作

页面引入link~

 页面link指定Id document.getElementById('g').sheet;
 document.styleSheet[n];//获取第n个
 document.styleSheet[n].disabled = true; //禁用该样式表

style样式操作

例如: h1{color:red;background:white;} h1的样式如何操作

  Element.setAttribute('style','color:red');
  Element.style.color='white';
  Element.style.cssText=''; //整个替换或改写
  Element.setProperty('color','red'); //设置属性，属性值
  Element.getProperty('color''); //获取属性值
  Element.removeProperty('color'); //删除属性