如果要在 html 標(biāo)簽內(nèi)原樣插入帶 html 標(biāo)簽的文字，通常都會被自動解析掉，比如：

document.getElementsByTagName('div')[0].innerHTML="<p>ss</p>"

這個代碼的結(jié)果就是這樣：

如果不希望的話，就要把特殊字符轉(zhuǎn)譯，這里就是 </>，不過有另一種方法：

document.getElementsByTagName('div')[0].textContent="<p>ss</p>"

設(shè)置 textContent 而不是設(shè)置 innerHTML，效果如圖：

因為這樣瀏覽器自動幫你轉(zhuǎn)譯了，

document.getElementsByTagName('div')[0].innerHTML

這個技巧實際上提供了一個轉(zhuǎn)譯字符的方法：

function textToHtml (text) {
    let div=document.createElement('div');
    div.textContent=text;
    return div.innerHTML;
}
console.log(textToHtml('<p>'));//&lt;p&gt;

反轉(zhuǎn)譯：

function htmlToText (html) {
    let div=document.createElement('div');
    div.innerHTML=html;
    return div.textContent;
}
console.log(htmlToText('&lt;p&gt;'));//<p>

參考文檔:

JS實現(xiàn)HTML標(biāo)簽轉(zhuǎn)義及反轉(zhuǎn)義

總結(jié)

以上是生活随笔為你收集整理的html 标签转译反转译的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。