在前端開發中，我們常常需要將網頁中的數據轉換成JSON格式，以方便傳遞給后端處理或者進行其他操作。其中，利用DIV元素來進行轉換的方法被廣泛使用。

具體而言，我們可以通過以下示例來說明：首先，我們聲明一個DIV元素，并將數據填充到其中。

<div id="myDiv">
<span class="name">小明</span>
<span class="age">25</span>
<span class="gender">男</span>
</div>

然后，我們可以通過JavaScript獲取這個DIV元素，并將其中的信息存儲到一個JSON對象中。

let myDiv = document.getElementById("myDiv");
let myData = {
name: myDiv.querySelector(".name").textContent,
age: myDiv.querySelector(".age").textContent,
gender: myDiv.querySelector(".gender").textContent
};

上面的代碼中，我們使用了querySelector函數來獲取DIV元素中的子元素，然后通過textContent屬性獲取其中的文本內容，并將這些數據存儲到了myData對象中。

最后，我們可以通過JSON.stringify函數將myData對象轉換成JSON字符串，以方便傳遞、存儲和處理。

let myJson = JSON.stringify(myData);
console.log(myJson);
// 輸出：{"name":"小明","age":"25","gender":"男"}

這里的JSON.stringify函數會將myData對象中的所有屬性轉換為字符串，并用雙引號包裹起來。如果需要根據需求調整JSON字符串中的格式，我們可以使用其他的函數或方法來實現。

總之，在前端開發中，DIV元素+JSON格式的組合是非常常見和有用的，我們可以根據實際需要進行靈活運用。