![](/img/trans.png)
[英]How can I parse a string representation of an element into an actual html element?
[英]How to convert Json object of html element into actual HTML element that i can render on view using C# or js or jquery
我的要求是,我想從數據庫中獲取一個 json(以 html 標記的形式)並將其轉換為 html。
{"input":{
"name":"fname",
"type":"text",
"placeholder":"Enter your firstname",
"Id":"fname"
}
}
{"button" :{
"name":"btn",
"class":"save",
"type":"submit",
"Id":"btn1",
"text":"save"
}
}
我想將此 json 轉換為 html 標簽,例如
<input type="text" id="fname" name="fname" placeholder="Enter your firstname">
<button type="submit" class="save" id="btn1" name="btn">save</button>
我如何使用 c# 或 javascript 或 jquery 轉換它 任何東西都會幫助我
要解決您的問題,您需要沿途循環拋出 json 和 createElement。
let json = {
"input": {
"name": "fname",
"type": "text",
"placeholder": "Enter your firstname",
"id": "fname"
},
"button" : {
"name": "btn",
"class": "save",
"type": "submit",
"id": "btn1",
"text": "save"
}
}
Object.keys(json).forEach( (element) => {
let foo = document.createElement(element)
Object.keys(json[element]).forEach( (nestedAttribute) => {
foo.setAttribute(nestedAttribute, json[element][nestedAttribute]);
})
document.body.appendChild(foo)
})
Object.keys(json)
允許您獲取 json 的密鑰
這樣,結果如下所示:
祝你今天過得愉快 !
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.