从JSON渲染html

时间:2016-06-10 19:04:51

标签: javascript html json

当我将html写入浏览器时,如何存储html,最终会将其呈现为html而不是文字文本?

示例如何将此渲染设为链接?这将是我的json中的一个属性,例如:

"pastCompanies": [ "Pivotal", "Microsoft", "<a href=\"https:\//www.linkedin.com\/in\/someperson\" target=\"_blank\">...</a>"],

所以如何让它来呈现标记:"<a href=\"https:\//www.linkedin.com\/in\/someperson\" target=\"_blank\">...</a>"

1 个答案:

答案 0 :(得分:0)

jQuery示例,只需使用htlm函数http://api.jquery.com/html/

JS你可以使用innerHTML http://www.w3schools.com/jsref/prop_html_innerhtml.asp

var obj = {"pastCompanies": [ "Pivotal", "Microsoft", "<a href=\"https:\//www.linkedin.com\/in\/someperson\" target=\"_blank\">...</a>"]};

//JQuery
$(document).ready(function() {
   $('#one').html(obj.pastCompanies[2]);
});
//JS
document.getElementById("two").innerHTML = "Paragraph changed!";

https://jsfiddle.net/633xfL9v/2/