js正则替换HTML标签只要标签里面的数据
时间: 2023-12-09 16:02:42 浏览: 80
JavaScript正则替换HTML标签功能示例
可以尝试使用正则表达式的匹配和替换功能来实现。以下是一个示例代码:
```javascript
const html = '<div><p>Hello</p><ul><li>Item 1</li><li>Item 2</li></ul></div>';
const regex = /<[^>]*>([^<]*)<\/[^>]*>/g;
const replaced = html.replace(regex, '$1');
console.log(replaced); // 输出:HelloItem 1Item 2
```
在上面的代码中,我们使用了正则表达式`/<[^>]*>([^<]*)<\/[^>]*>/g`来匹配HTML标签中的文本部分。这个正则表达式的含义是:
- `<[^>]*>`:匹配以“<”开头、以“>”结尾的字符串,中间可以包含任意字符,但不能包含“>”字符;
- `([^<]*)`:匹配任意不含“<”字符的字符串,并将其作为第一个捕获组;
- `<\/[^>]*>`:匹配以“</”开头、以“>”结尾的字符串,中间可以包含任意字符,但不能包含“>”字符。
然后我们使用`replace()`方法将匹配到的字符串替换为第一个捕获组的内容,即HTML标签里面的文本部分。最终得到的结果就是HTML标签里面的所有文本内容。
阅读全文