「已注销」 2022-07-20 17:57 采纳率: 100%
浏览 62
已结题

前端重复代码处理问题

img


tab中的三个div每次切换设置颜色其他div恢复颜色(每个div颜色不同),各位大手子类似这样的代码你们对其是如何处理的,感谢解答

  • 写回答

5条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-07-20 21:08
    关注

    使用key-value取值的方式

    const sizeObj = {
      "regLi": ["","layui-this","layui-tab-item","layui-tab-item layui-show","background: #FA5928"],
      "loginLi": ["","layui-this","layui-tab-item","layui-tab-item layui-show","background: #FA5928"],
      "resetLi": ["","layui-this","layui-tab-item","layui-tab-item layui-show","background: #FA5928"],
    }
    function setTab(size) {
      document.getElementById("resetLi").setAttribute("class", sizeObj[size][0])
      document.getElementById("loginLi").setAttribute("class", sizeObj[size][0])
      document.getElementById("regLi").setAttribute("class", sizeObj[size][1])
    
      document.getElementById("tabReset").setAttribute("class", sizeObj[size][2])
      document.getElementById("tabLogin").setAttribute("class", sizeObj[size][2])
      document.getElementById("tabReg").setAttribute("class", sizeObj[size][3])
    
      document.getElementById("resetLi").setAttribute("style", sizeObj[size][0])
      document.getElementById("loginLi").setAttribute("style", sizeObj[size][0])
      document.getElementById("regLi").setAttribute("style", sizeObj[size][4])
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 7月30日
  • 已采纳回答 7月22日
  • 创建了问题 7月20日

悬赏问题

  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"
  • ¥20 基于决策树的数字信号处理,2ask 2psk 2fsk的代码,检查下报错的原因
  • ¥20 python作业求过程
  • ¥15 wincc已组态的变量过多
  • ¥60 如图:直线与椭圆X轴平行,求直线与椭圆任意一点的相切坐标计算公式
  • ¥50 如何用python使用opencv里的cv::cudacodec::VideoWriter函数对视频进行GPU硬编码
  • ¥100 c#solidworks 二次开发 工程图自动标边线法兰 等折弯尺寸怎么标
  • ¥15 halcon DrawRegion 提示错误
  • ¥15 FastAPI Uvicorn启动显示404