前端如何把<p>内容</p>去掉标签
时间: 2023-12-12 09:02:20 浏览: 30
可以使用正则表达式或者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属性值来获取不带标签的文本内容。
相关问题
后端返回富文本<p><strong>臧龙政<u>,zlz1</u><em><span class="ql-cursor"></span></em></strong></p>前端vue2项目怎么在页面上面展示,怎么写。
在前端Vue2项目中展示后端返回的富文本可以通过使用Vue的插值表达式和v-html指令来实现。
首先,你需要在Vue组件中定义一个数据属性来存储后端返回的富文本内容。例如,在data选项中添加一个名为"richText"的属性:
```javascript
data() {
return {
richText: '<p><strong>臧龙政<u>,zlz1</u><em><span class="ql-cursor"></span></em></strong></p>'
}
}
```
然后,在模板中使用插值表达式和v-html指令将富文本内容渲染到页面上。在模板中找到要展示富文本的位置,并使用双花括号包裹插值表达式,同时在插值表达式前面添加v-html指令:
```html
<template>
<div>
<div v-html="richText"></div>
</div>
</template>
```
这样,Vue会将富文本内容作为HTML解析并渲染到页面上。
前端原生jqrey <tr><td></td><td></td></tr>如何给里边填充数据
您可以使用jQuery的.text()或.html()方法来给<tr><td></td><td></td></tr>元素填充数据。这些方法可以通过选择器选中<tr><td></td><td></td></tr>元素,并使用.val()方法获取或设置元素的文本内容或HTML内容。
以下是一个示例代码:
```javascript
// 使用.text()方法给<tr><td></td><td></td></tr>填充文本内容
$("tr td:first-child").text("数据1");
$("tr td:last-child").text("数据2");
// 使用.html()方法给<tr><td></td><td></td></tr>填充HTML内容
$("tr td:first-child").html("<span>数据1</span>");
$("tr td:last-child").html("<span>数据2</span>");
```
请注意,上述代码中的选择器是示例选择器,您需要根据您的实际HTML结构来编写正确的选择器。