首先动态创建一个容器标签元素,如DIV,然后将要转换的字符串设置为这个元素的innerHTML(IE,火狐,google都支持),最后返回这个元素的innerText(IE支持)或者textConte
首先动态创建一个容器标签元素,如DIV,然后将要转换的字符串设置为这个元素的innerHTML(IE,火狐,google都支持),最后返回这个元素的innerText(IE支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。
HTML代码
<body style="background-color: #fff"> <h2 style="width: 100%; height: 1.02rem; border-bottom: 1px #F7F7F7 solid; text-align: center; line-height: 1.02rem">${app.content}</h2> <div style="padding: 0.3rem;font-size: 0.3rem; line-height: 0.28rem; line-height: 0.45rem;text-indent: 0.2rem;"> <div id="context">${app.content}</div> </div></body>
将decode方法封装到HtmlUtil工具类中,方便在开发中使用。
javascript处理HTML Decode实例代码
var conttext=document.getElementById("conttext").innerHTML;var HtmlUtil = { /*1.用浏览器内部转换器实现html转码*/ htmlEncode:function (html){ //1.首先动态创建一个容器标签元素,如DIV var temp = document.createElement ("div"); //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持) (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html); var output = temp.innerHTML; temp = null; return output; }, htmlDecode:function (text){ //1.首先动态创建一个容器标签元素,如DIV var temp = document.createElement("div"); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; }};var decodeHtml = HtmlUtil.htmlDecode(conttext);document.getElementById("conttext").innerHTML=decodeHtml;