首页 > Web开发 > 详细

【HTML】html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决

时间:2019-09-25 14:59:27      阅读:246      评论:0      收藏:0      [点我收藏+]

 

需求如下图:

技术分享图片

 

 

 

追加给前台后,效果如下:

 

技术分享图片

 

可以在源码看到:

技术分享图片

 

 

 是将后台给出来的数据,直接当作字符串给填充在了前台HTML中。

而查看浏览器编译后的HTML源码可以发现:

技术分享图片

 

 

 

原来字符串中的<br> 的<>符号已经被转义

技术分享图片

 

 

 

 

实际是想将渲染出来的字符串中的<br>换行符可以生效。

 

 

 

 

处理方式:

var tbody = $(".J_listtable_cont").find("tbody").children();
            for (let i = 0; i <tbody.length ; i++) {
                var children = tbody[i];
                var td = children.children[1];
                var text = td.innerText;
                td.innerHTML = text;
            }

 

核心就是上面标红的两句,将元素的innerText  赋值成  元素的 innerHTML。即可避免转义的问题,将字符串中包含的 HTML标签生效。

 

 

最后的效果如下:

技术分享图片

 

【HTML】html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决

原文:https://www.cnblogs.com/sxdcgaq8080/p/11584053.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!