类的操作&&二级菜单&&JSON

原创

于 2020-07-18 19:11:56 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了JavaScript中类的操作，包括添加、检查和删除class属性的函数，并探讨了二级菜单的交互设计。此外，详细讲解了JSON对象的语法和解析，包括JSON.stringify()、JSON.parse()和toJSON()方法在数据交换中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果直接通过style修改元素样式，修改一次浏览器就需要重新渲染一次页面，需求大的时候不够方便 ->类的操作

定义一个函数，向一个元素添加指定的class属性参数：obj（元素名）className（class名称）

function addClass(obj,classN){
   
    if(!hasClass(obj,classN)){
   
        obj.className += " "+classN; //空格不可少
    }
}

定义一个函数判断元素是否含有指定的class属性值

function hasClass(obj,classN){
   
    var reg = new RegExp("\\b" + classN + "\\b") 必须是一个独立的单词 动态生成正则表达式
    return reg.test(obj.className);
}

定义一个函数删除元素指定的class属性值

function removeClass(obj,classN){
   
	var reg = new