DOM（文檔對象模型）和JSON（JavaScript對象表示）是Web開發中非常重要的概念。DOM是一種用于表示和操作HTML和XML文檔的編程API。它可以讓開發者動態地修改和操縱文檔的結構、樣式和內容，從而實現網頁的交互和動態效果。

// 在DOM中獲取元素
let element = document.getElementById("example");
// 動態添加元素
let newElement = document.createElement("div");
newElement.className = "my-class";
newElement.innerHTML = "Hello, World!";
element.appendChild(newElement);

JSON則是一種輕量級的數據交換格式，常用于Web應用程序中傳輸和存儲數據。它使用自然語言來描述對象和數據數組，具有易讀、易維護的特點。在JavaScript中，可以使用JSON.parse()和JSON.stringify()方法來解析和序列化JSON數據。

// 解析JSON
let jsonStr = '{"name": "Alice", "age": 25}';
let obj = JSON.parse(jsonStr);
console.log(obj.name); // 輸出 "Alice"
// 序列化JSON
let newObj = {name: "Bob", age: 30};
let newJsonStr = JSON.stringify(newObj);
console.log(newJsonStr); // 輸出 '{"name":"Bob","age":30}'

DOM和JSON在Web開發中經常配合使用，例如從API獲取數據后，可以使用JSON.parse()將其轉換成JavaScript對象，然后使用DOM將數據渲染到頁面上。此外，它們也可以與許多其他技術一起使用，如AJAX、jQuery和Node.js等。