<script>
window.onload=function(){
var abc=document.getElementsByClassName("abc")[0]
abc.onclick=function(){
this.parentNode.removeChild(this)
}
}
</script>
1、addClass:为指定的dom元素添加样式。
2、removeClass:删除指定dom元素的样式。
3、toggleClass:如果存在(不存在)，就删除(添加)一个样式。
4、hasClass:判断样式是否存在。
原生 JS 代码如下：
function hasClass(obj, cls) {return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
}
function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) {
obj.className += " " + cls
}
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
obj.className = obj.className.replace(reg, ' ')
}
}
function toggleClass(obj,cls){
if(hasClass(obj,cls)){
removeClass(obj, cls)
} else {
addClass(obj, cls)
}
}
