如何把<p>内容</p>去掉标签
时间: 2023-12-12 09:02:19 浏览: 45
您可以使用正则表达式或专门的HTML解析器来去除HTML标签。以下是使用Python的示例代码:
```python
import re
html_text = "<p>Hello, world!</p>"
clean_text = re.sub('<[^<]+?>', '', html_text)
print(clean_text)
```
这将输出:
```
Hello, world!
```
在这个示例中,使用了Python的re模块中的sub()函数,将HTML标签替换为一个空字符串。正则表达式`'<[^<]+?>'`匹配所有HTML标签,包括其内部的任何内容。
请注意,虽然使用正则表达式可以去除HTML标签,但它并不适用于所有HTML文档。使用HTML解析器可能更加可靠和灵活。
相关问题
前端如何把<p>内容</p>去掉标签
可以使用正则表达式或者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属性值来获取不带标签的文本内容。
这是一段模拟html标签的字符串'<p><b> </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i> </i></p>',用js写出3种方法,找到并清除p标签的innerText的前面和后面的空格,中间的空格不需要去除
问题1: 用js写出3种方法,找到并清除p标签的innerText的前面和后面的空格,中间的空格不需要去除。
答案:
方法一: 使用正则表达式替换
```javascript
let str = '<p><b> </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i> </i></p>';
let result = str.replace(/<p[^>]*>(.*?)<\/p>/, (match, p1) => {
return `<p>${p1.trim()}</p>`;
});
console.log(result);
```
方法二: 使用innerHTML和outerHTML进行替换
```javascript
let str = '<p><b> </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i> </i></p>';
let tempDiv = document.createElement('div');
tempDiv.innerHTML = str;
let pTag = tempDiv.querySelector('p');
pTag.innerText = pTag.innerText.trim();
let result = tempDiv.innerHTML;
console.log(result);
```
方法三: 使用DOM操作进行处理
```javascript
let str = '<p><b> </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i> </i></p>';
let tempDiv = document.createElement('div');
tempDiv.innerHTML = str;
let pTag = tempDiv.querySelector('p');
for (let i = 0; i < pTag.childNodes.length; i++) {
let childNode = pTag.childNodes[i];
if (childNode.nodeType === Node.TEXT_NODE) {
childNode.textContent = childNode.textContent.trim();
}
}
let result = tempDiv.innerHTML;
console.log(result);
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)