<div id="html">
<ul>
<li id="myFolder" type="folder">myFolder
<ul>
<li id="myFolder/fonts" class="empty" type="folder">fonts</li>
<li id="myFolder/index.html" type="file">index.html</li>
<li id="myFolder/js" type="folder">js
<ul>
<li id="myFolder/js/controllers" type="folder">controllers
<ul>
<li id="myFolder/js/controllers/core" type="folder">core
<ul>
<li id="myFolder/tempjs/controllerslates/core/menu.js" type="file">menu.js</li>
</ul>
</li>
<li id="myFolder/js/controllers/errors" type="folder">errors
<ul>
<li id="myFolder/js/controllers/errors/error.js" type="file">error.js</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
我想的HTML轉換成幾個對象是這樣的:
{
"dir": "",
"name": "myFolder",
"type": "folder",
"children": [{
"dir": "myFolder",
"name": "fonts",
"type": "folder"
}, {
"dir": "myFolder",
"name": "index.html",
"type": "file"
}, {
"dir": "myFolder",
"name": "js",
"type": "folder",
"children": [{
"dir": "myFolder/js",
"name": "controllers",
"type": "folder",
"children": [{
"dir": "myFolder/js/controllers",
"name": "core",
"type": "folder",
"children": [{
"dir": "myFolder/tempjs/controllerslates/core",
"name": "menu.js",
"type": "file"
}]
}, {
"dir": "myFolder/js/controllers",
"name": "errors",
"type": "folder",
"children": [{
"dir": "myFolder/js/controllers/errors",
"name": "error.js",
"type": "file"
}]
}]
}]
}]
}
我不知道該怎麼辦的轉型。我想我可以使用
document.getElementsByTagName('li');
或這樣的事情。但是,如何管理父母和孩子的鏈接,以及如何將對象的變量與HTML屬性鏈接起來?
你的意思是JSON? –
你有沒有嘗試過任何東西?您目前似乎正在提供所需的輸入和輸出,然後請求爲您完成實際工作。 – DBS
是的,我失敗了我的帖子。首先,我需要將我的HTML轉換爲JS對象,然後使用JSON,但將JS對象轉換爲JSON對我來說不是問題,這是第一個轉換問題^^。 – Barilo