JavaScript类别选择器的设置、添加和删除

SJY发表于:2018年05月14日 12:14 • 阅读:

HTML代码

<div id="doc-id" class="doc-class"></div>


JavaScript代码

var doc=document.getElementById('doc-id');

设置类别选择器

doc.className='over';

添加类别选择器

doc.className+=' over';//注意over前面有1个空格

删除类别选择器一般只需要把className赋为空值即可

doc.className='';

但依然会留下class字样,如果你介意,就干脆移除class这个属性

doc.removeAttribute('class');



如果只需要留下指定的class,可以直接用设置类别选择器的方法

doc.className='name1 name2';

如果有多个class,需要删除其中一个class,可以先定义一个自定义函数

function removeClass(el, cls) {
  var reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
  el.className = el.className.replace(reg, " ").replace(/(^\s*)|(\s*$)/g,"");
}

然后这样使用

removeClass(doc,'doc-class');




 

欢迎转载,但请保留原文地址 http://www.sjyhome.com/javascript/1367.html

回复(0)