在前端開發(fā)中，操作DOM結構是非常常見的操作之一。但是我們往往需要將DOM結構轉化為JSON格式進行處理。下面我們就來介紹一下如何將DOM結構解析成JSON。

function parseDom(node) {
let obj = {};
obj.tag = node.tagName.toLowerCase();
obj.children = [];
for (let i = 0; i< node.children.length; i++) {
obj.children.push(parseDom(node.children[i]));
}
return obj;
}

以上是一個簡單的將DOM結構轉化為JSON的代碼。我們可以看到這個代碼主要是通過遞歸遍歷DOM節(jié)點，將節(jié)點的tagName、子節(jié)點等信息都轉化為JSON對象的形式。

代碼執(zhí)行的過程也非常簡單。首先需要獲取到DOM樹的一個根節(jié)點，這個根節(jié)點可以是document.documentElement，也可以是特定的某個節(jié)點。然后直接調用上面的parseDom函數(shù)，將DOM樹根節(jié)點傳入即可。

最后需要強調的一點是，由于DOM樹中包含了豐富的信息，因此在轉化成JSON的過程中需要根據(jù)實際需求對于節(jié)點信息進行篩選和處理，以達到最好的效果。