jquery html特殊字符反转义,JS - 实现HTML标签的转义、反转义的几种方法
时间: 2023-09-11 08:12:29 浏览: 156
JS实现HTML标签转义及反转义
您可以使用jQuery的`.text()`方法来实现HTML标签的转义和反转义。
1. 转义HTML标签:使用`.text()`方法将HTML标签中的特殊字符进行转义,如下所示:
```javascript
var html = '<div><p>Hello, World!</p></div>';
var escapedHtml = $('<div>').text(html).html();
console.log(escapedHtml);
```
2. 反转义HTML标签:使用`.html()`方法将转义后的HTML标签进行反转义,如下所示:
```javascript
var escapedHtml = '<div><p>Hello, World!</p></div>';
var unescapedHtml = $('<div>').html(escapedHtml).text();
console.log(unescapedHtml);
```
除了使用jQuery的方法外,还可以使用原生JavaScript来实现HTML标签的转义和反转义。
转义HTML标签:可以使用`document.createElement('textarea').textContent`来进行转义,如下所示:
```javascript
var html = '<div><p>Hello, World!</p></div>';
var escapedHtml = document.createElement('textarea').textContent = html;
console.log(escapedHtml);
```
反转义HTML标签:可以使用`innerHTML`属性来进行反转义,如下所示:
```javascript
var escapedHtml = '<div><p>Hello, World!</p></div>';
var unescapedHtml = document.createElement('textarea').innerHTML = escapedHtml;
console.log(unescapedHtml);
```
这些方法可以帮助您在JavaScript中实现HTML标签的转义和反转义。
阅读全文