用JS取出后台返回数据中用标签样式包裹的内容

最新推荐文章于 2023-09-07 15:57:46 发布

前端小端长

最新推荐文章于 2023-09-07 15:57:46 发布

阅读量2k

点赞数

分类专栏：前端常用轮子实现及封装 JavaScript ECMAScript 6入门

本文链接：https://blog.youkuaiyun.com/zhang1339435196/article/details/104985989

版权

JavaScript 同时被 3 个专栏收录

20 篇文章

订阅专栏

前端常用轮子实现及封装

13 篇文章

订阅专栏

ECMAScript 6入门

9 篇文章

订阅专栏

后台返回的数据是这样的:

 `<p><span style="color: rgb(51, 51, 51); font-family: &quot;Open Sans&quot;, sans-serif;
  font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: 
  normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-
  indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -
  webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-
  style: initial; text-decoration-color: initial; display: inline !important; float: none;"
  >餐饮复工需要什么手续和准备工作。</span><br>
</p>`

而我只想要

餐饮复工需要什么手续和准备工作。

封装装一个字符串处理函数供自己以后使用：

const dealString = (str)=>{
     let result = "";
     let flag = false;
     for(let char of str){  
         if(char===">"){
             flag = true;
         }
         if(char==="<"){
             flag = false
         }
         if(flag&&char!==">"){
             result=result+char;
         }
     }
     return result;
}

let str = `<p><span style="color: rgb(51, 51, 51); font-family: &quot;Open Sans&quot;, sans-serif; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">餐饮复工需要什么手续和准备工作。</span><br>
</p>`

console.log(dealString(str));//餐饮复工需要什么手续和准备工作。