Javascript是一種被廣泛應用于Web編程的腳本語言。它被所有現代瀏覽器所支持，可以用于創建交互性的、動態的網頁界面。在Javascript的編程中，使用DOM(Document Object Model)，可以通過Javascript來操作HTML、XML或者SVG文檔中的元素。
DOM是一種對文檔的對象表述。在Javascript中，DOM樹被形象地表述為由多個節點組成的一個層級結構。每一個HTML元素，例如
、
、都是一個節點。在這種結構中，有一個最頂層的節點，稱之為文檔節點(Document Node)，它代表整個文檔。
<html> <head> <title>DOM Example</title> </head> <body> <div>This is an example of the DOM structure.</div> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> </body> </html>
在上述代碼中，<html>是文檔節點，<head>和<body>是文檔的一級子節點，<title>是文檔的二級子節點。在<body>標簽中，<div>和<ul>是文檔的子節點，而<li>是<ul>的子節點。這樣，整個DOM樹就被創建了。
在Javascript中，可以使用DOM API來獲取、創建、刪除和修改節點。
// 獲取<div>標簽
var div = document.getElementsByTagName('div')[0];
// 創建<p>標簽
var p = document.createElement('p');
// 修改文本內容
p.innerHTML = 'This is a new paragraph.';
// 將<p>插入到<div>中
div.appendChild(p);
// 刪除<ul>標簽
var ul = document.getElementsByTagName('ul')[0];
ul.parentNode.removeChild(ul);在上述例子中，我們使用了getElementsByTagName和createElement來獲取或創建節點，使用innerHTML來修改或設置節點的文本內容，最后使用appendChild和removeChild來添加或刪除節點。
DOM在Javascript編程中非常重要，它使得我們可以動態地操作網頁的內容。例如在用戶與網頁交互時，我們可以快速地將某個元素的內容改變。我們還可以根據用戶的操作來動態地添加或刪除元素，這些在靜態網頁中是不可能的。
尤其是在現代Web應用開發中，如React、Vue.js、Angular等框架，這些框架都是基于DOM來操作和渲染視圖的。所以，對于Javascript開發者來說，深入地了解DOM是非常必要的。