【HTML】处理
换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决

需求如下图:

【HTML】处理<br>换行符追加到前端换行无效的问题  ---  html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题  解决

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

【HTML】处理<br>换行符追加到前端换行无效的问题  ---  html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题  解决

可以在源码看到:

【HTML】处理<br>换行符追加到前端换行无效的问题  ---  html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题  解决

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

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

【HTML】处理<br>换行符追加到前端换行无效的问题  ---  html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题  解决

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

【HTML】处理<br>换行符追加到前端换行无效的问题  ---  html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题  解决

实际是想将渲染出来的字符串中的<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】处理<br>换行符追加到前端换行无效的问题  ---  html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题  解决

上一篇:redis学习教程地址


下一篇:php伪协议,利用文件包含漏洞