召南ovo 2022-03-20 19:00 采纳率: 100%
浏览 31
已结题

删除含有特定前缀的类名

怎么删除一个标签里面的含有特定前缀的类名。
比如

里面
我想指定删除含有“md-”前缀的类名。
该咋弄，求解。

  • 写回答

3条回答 默认 最新

  • 崽崽的谷雨 2022-03-21 10:17
    关注

    用js 获取 元素。然后 dom.className 然后 用 正则匹配 替换

    <!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <style>

   </style>
</head>

<body>
   <div id="box" class="md-v aa"></div>
</body>
<script>
   let box = document.getElementById("box");
   let classStr = box.className;
   console.log(classStr)
      // classStr.replace(/^md/g, "");
      //       以某个字符串开始  是用正则的 ^
      // 中间的所以字符 可以用 .*      
      // .  表示任意字符
      // *  表示0次到多次匹配
      // i 表示忽略大小写
   
   document.write(classStr.replace(/^md-./g, ""))
</script>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 前端类名命名规范
    2023-05-21 21:52
    诸葛亮的芭蕉扇的博客 前端类名命名规范-BEM
  • 前端学习日志-day22
    2025-09-15 23:08
    实现这一逻辑的代码通常涉及到循环遍历所有元素，并在遍历过程中改变特定元素的类名。这种方法的核心在于确保同一时间只有一个元素拥有特定的样式。 在自定义属性方面，学习了如何获取、创建和移除自定义属性。获取...
  • jquery删除包含指定字符串的类名
    2021-10-28 13:19
    sunddy_x的博客 但也有一些情况，我们需要删除的不是具体的类名，而是包含有些特定字符串的类名，同样也是使用 removeClass 。 removeClass方法 removeClass([class|fn]) jquery v1.4新增了参数function，因此可以通过回调函数来...
  • 常见的前端命名规范
    2024-05-06 09:35
    前端小小王的博客 常用或常见的前端命名规范。
  • 前端基础-CSS注释
    2021-01-20 14:07
    2. **多个类名选择一个元素**：一个元素可以拥有多个类名，类名之间用空格分隔。例如，创建一个同时具有`.red`和`.fz-30`类的元素： ```html 这是一个有红色文字且字体大小为30px的段落 ``` 相应的CSS代码： `...
  • Web前端开发规范.pdf
    2020-07-14 15:05
    在当今互联网时代，Web前端开发作为构建用户界面的核心环节，其规范化程度直接关系到项目的维护性和扩展性。Web前端开发规范的制定，旨在保证前端开发的品质，提升开发效率，以及确保不同浏览器和设备的兼容性。 一...
  • web前端入门到实战：CSS 类名范式一览
    2020-05-12 21:54
    白T恤架构师的博客 今天我们来回顾几种常见的 CSS 的类名范式 OOCSS BEM SMACSS ACSS CSS 的特性不断增强，预编译框架也层出不穷，但是即使使用 cssModules 这样的 scope 技术，我们仍需要一些范式来指导我们在局部更规范合理地给类...
  • 前端开发规范大全（一）
    2024-11-29 10:06
    weeknd wu的博客 应用特定样式和约定的基础组件(也就是展示类的、无逻辑的或无状态、不掺杂业务逻辑的组件) 应该全部以一个特定的前缀开头 —— Base。基础组件：不包含业务，独立、具体功能的基础组件，比如日期选择器、模态框等。...
  • 前端开源库-swint-builder-svg
    2019-08-29 19:22
    **Swint Builder SVG：前端SVG精灵构建工具** 在前端开发中，SVG（Scalable Vector Graphics）因其良好的可缩放性和丰富的图形表现力，被广泛应用于网页设计中。然而，当一个项目中包含多个SVG图标时，管理这些图标...
  • 前端项目-radiobox.css.zip
    2019-09-02 23:49
    HTML的`<input type="radio">`元素是用于创建单选按钮的，而通过添加特定的类名或者ID，我们可以将自定义的CSS样式应用到这些元素上。同时，为了保持代码的整洁和可维护性，开发者可能会遵循模块化和语义化的编码...
  • 前端项目-css-spinning-spinners.zip
    2019-09-03 10:09
    在前端开发中，用户体验是至关重要的，特别是在网页内容加载时。"前端项目-css-spinning-spinners.zip" 是一个专门针对这一需求的资源包，它提供了一系列仅使用CSS实现的加载微调器（也称为加载指示器或加载动画）。...
  • 前端常用面试题
    2022-07-07 17:28
    卡西莫多灬的博客 前端面试题
  • 前端学习手册包括html和css等API
    2018-09-06 10:17
    例如，`.myClass`选择器可以用于选择具有特定类名的元素，`color:red;`设置文本颜色为红色，`font-size:16px;`设置字体大小。CSS还支持层叠、继承和优先级规则，确保样式的有效应用和覆盖。通过使用定位（如`...
  • 2024前端面试题总汇（持续更新中...）
    2023-09-26 06:11
    小菜猿_的博客 前端面试八股文大全！！！！！
  • 前端知识点总结
    2018-06-29 11:49
    - **CSS前缀**：使用浏览器特定前缀来启用实验性CSS特性。 - **工具**：可以利用Autoprefixer等工具自动添加必要的前缀。 #### 八、CSS3与HTML5 - **CSS3动画**：平滑过渡、关键帧动画等。 - **CSS3变换**：缩放...
  • 前端命名规范及常用命名整理
    2022-05-05 22:36
    hacalili的博客 前端命名规范及常用命名整理
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月5日
  • 已采纳回答 3月28日
  • 创建了问题 3月20日