如何在 Json 中发送 Html 代码并使用数据表进行渲染答案

【问题标题】：How to send Html code in Json and render with data table如何在 Json 中发送 Html 代码并使用数据表进行渲染
【发布时间】：2017-11-01 18:56:07
【问题描述】：

这是尝试使用 JSON 和数据表动态呈现 html 代码的代码代码试图渲染<span class='axis-download'>fff</span>

document.body.appendChild(buildHtmlTable([
    {"name" : "abc", "age" : 50},
    {"age" : "25", "hobby" : "<span class=\'axis-download\'>fff</span>"},
    {"name" : "xyz", "hobby" : "programming"}
]));

http://jsfiddle.net/7MRx6/338/

【问题讨论】：

标签： jquery json datatable

【解决方案1】：

基本上，您需要设置 TD 的内部 HTML，而不是附加子文本节点。

改变

td.appendChild(document.createTextNode(arr[i][columns[j]] || ''));

到

td.innerHTML = arr[i][columns[j]] || '';

http://jsfiddle.net/1urzrapp/

【讨论】：