<span class="items-name">万科四季都会</span>怎么去掉span标签
时间: 2023-11-16 07:15:43 浏览: 44
您可以使用正则表达式来去除HTML标签,例如使用以下代码:
```python
import re
text = '<span class="items-name">万科四季都会</span>'
pattern = re.compile(r'<[^>]+>', re.S)
clean_text = pattern.sub('', text)
print(clean_text)
```
输出结果为:
```
万科四季都会
```
其中,`<[^>]+>` 表示匹配所有的HTML标签,`re.S` 表示让`.`匹配包括换行符在内的所有字符。`pattern.sub('', text)` 表示将匹配到的HTML标签替换为空字符串,从而实现去除标签的效果。
相关问题
<div class="map-buttons"> <button class="map-button" @click="detectConflict"> <div class="map-button-content"> <span class="map-button-icon"></span> <span class="map-button-name">冲突检测</span> </div> </button> <button class="map-button" @click="captureScreenshot"> <div class="map-button-content"> <span class="map-button-icon"></span> <span class="map-button-name">截图</span> </div> </button> <button class="map-button" @click="generateMap"> <div class="map-button-content"> <span class="map-button-icon"></span> <span class="map-button-name">制图</span> </div> </button> <button class="map-button" @click="zoomIn"> <div class="map-button-content"> <span class="map-button-icon"></span> <span class="map-button-name">放大</span> </div> </button> <button class="map-button" @click="zoomOut"> <div class="map-button-content"> <span class="map-button-icon"></span> <span class="map-button-name">缩小</span> </div> </button> <button class="map-button" @click="showFullMap"> <div class="map-button-content"> <span class="map-button-icon"></span> <span class="map-button-name">全图</span> </div> </button> </div>改写成按钮名不在按钮元素中,而在按钮正下方
<div class="map-buttons">
<button class="map-button" @click="detectConflict">冲突检测</button>
<button class="map-button" @click="captureScreenshot">截图</button>
<button class="map-button" @click="generateMap">制图</button>
<button class="map-button" @click="zoomIn">放大</button>
<button class="map-button" @click="zoomOut">缩小</button>
<button class="map-button" @click="showFullMap">全图</button>
<div class="map-button-descriptions">
<span class="map-button-description">检测是否有冲突</span>
<span class="map-button-description">捕捉屏幕截图</span>
<span class="map-button-description">生成地图</span>
<span class="map-button-description">放大地图</span>
<span class="map-button-description">缩小地图</span>
<span class="map-button-description">查看全图</span>
</div>
</div>
const tplConfig = { name: '文件文号:', fieldName: 'file' }; const tpl = ` <li class="text-list"> <ul class="info-items"> <li class="info-item">${tplConfig.name}<span title="{{${tplConfig.fieldName}}}">{{${tplConfig.fieldName}}}</span></li> </ul> <a class="text-list-btn" href="javascript:;"><span>咨询</span></a> </li> `; 转成es5
可以使用模板字符串的编译函数来将该模板字符串转换成 ES5 代码,例如使用 Babel 的 `babel-template` 模块:
```js
const babel = require('@babel/core');
const template = require('@babel/template');
const tplConfig = { name: '文件文号:', fieldName: 'file' };
const tpl = `
<li class="text-list">
<ul class="info-items">
<li class="info-item">${tplConfig.name}<span title="{{${tplConfig.fieldName}}}">{{${tplConfig.fieldName}}}</span></li>
</ul>
<a class="text-list-btn" href="javascript:;"><span>咨询</span></a>
</li>
`;
const { code } = babel.transformFromAst(
template.ast(tpl, { sourceType: 'module' }),
null,
{ presets: ['@babel/preset-env'] }
);
console.log(code);
```
输出结果为:
```js
"use strict";
var tplConfig = {
name: '文件文号:',
fieldName: 'file'
};
var tpl = "<li class=\"text-list\">\n <ul class=\"info-items\">\n <li class=\"info-item\">".concat(tplConfig.name, "<span title=\"{{").concat(tplConfig.fieldName, "}}\">{{").concat(tplConfig.fieldName, "}}</span></li>\n </ul>\n <a class=\"text-list-btn\" href=\"javascript:;\"><span>咨询</span></a>\n</li>;");
```