DOM（文檔對象模型）是一種用于在HTML，XML和SGML文檔中訪問和操作節點的基礎API。通過使用DOM屬性，我們可以寫入JSON數據。

//創建JSON對象
var obj = {
"name": "張三",
"age": 20,
"gender": "男"
};
//將JSON對象寫入DOM屬性中
document.getElementById("myDiv").dataset.info = JSON.stringify(obj);

以上代碼將一個名為“myDiv”的div元素的“info”數據集屬性設置為一個字符串，該字符串是一個JSON對象的序列化版本。

現在我們可以使用DOM屬性來讀取和操作JSON數據：

//讀取“info”數據集屬性并將其解析為JSON對象
var infoString = document.getElementById("myDiv").dataset.info;
var infoObj = JSON.parse(infoString);
//在控制臺中打印JSON對象
console.log(infoObj);
//將JSON對象的“name”屬性更新為“李四”
infoObj.name = "李四";
//將更新后的JSON對象序列化并將其寫入“info”數據集屬性
document.getElementById("myDiv").dataset.info = JSON.stringify(infoObj);

通過DOM屬性，我們可以輕松地將JSON對象存儲在HTML元素中，并可以隨時訪問和更新該對象。