DOM（Document Object Model）是通過瀏覽器解析HTML代碼而生成的文檔對象模型，開發者可以通過DOM來操作網頁上的HTML元素。而JSON（JavaScript Object Notation）則是一種輕量級的跨語言數據格式，被廣泛應用于Web應用程序中。

在前端開發中，我們常常需要將JSON數據綁定到DOM元素上，這時候就需要用到DOM與JSON的結合應用，具體實現如下：

// HTML代碼
<ul id="list"></ul>
// JSON數據
var data = [
{name: 'apple', price: '3.5'},
{name: 'banana', price: '2.5'},
{name: 'orange', price: '4.0'}
];
// 綁定JSON數據到DOM元素
var list = document.getElementById('list');
var html = '';
for(var i=0; i<data.length; i++){
html += '<li><span>'+ data[i].name +'</span><span>'+ data[i].price +'</span></li>';
}
list.innerHTML = html;

以上代碼通過獲取id為list的元素，遍歷JSON數據，然后將數據綁定在HTML標簽中。最終生成的HTML代碼如下：

<ul id="list">
<li><span>apple</span><span>3.5</span></li>
<li><span>banana</span><span>2.5</span></li>
<li><span>orange</span><span>4.0</span></li>
</ul>

通過以上代碼，我們可以實現將JSON數據綁定到DOM元素中，從而實現動態更新網頁內容的功能。