前端如何把<p>内容</p>去掉标签
时间: 2023-12-12 08:02:20 浏览: 102
去掉内容里的html标签
可以使用正则表达式或者DOM解析来实现去除标签的功能。
使用正则表达式可以通过以下代码实现:
```javascript
const str = "<p>内容</p>";
const reg = /<[^>]*>/g;
const result = str.replace(reg, "");
console.log(result); // 输出 "内容"
```
这里的正则表达式`/<[^>]*>/g`表示匹配所有的HTML标签。
使用DOM解析可以通过以下代码实现:
```javascript
const str = "<p>内容</p>";
const div = document.createElement("div");
div.innerHTML = str;
const result = div.innerText;
console.log(result); // 输出 "内容"
```
这里通过创建一个div元素,并将HTML代码赋值给它的innerHTML属性,然后获取它的innerText属性值来获取不带标签的文本内容。
阅读全文