Javascript DOM（Document Object Model）在前端開發中扮演著非常重要的角色。掌握DOM可以讓我們更好地操作網頁上的元素，實現想要的效果。這也是在javascript面試中經常會被問到的一個問題。

DOM是文檔對象模型的縮寫，它允許我們以樹形的結構組織文檔，結合CSS和Javascript來操作文檔的內容和樣式。它將整個HTML或XML文檔表示為一個樹形結構，每一個節點代表著HTML/XML中的一個元素、屬性或文本。操作DOM可以讓我們動態地改變網頁上的內容和樣式，從而實現動態交互效果。

//在Javascript中我們可以通過以下方式獲取一個元素
var element = document.getElementById("id"); 
var elements = document.getElementsByTagName("tagname");

這里介紹一些常用的DOM方法和屬性:

1. innerHTML屬性：獲取或者設置當前元素的HTML內容。例如：

//獲取id為content的
元素的內容 
var content = document.getElementById("content").innerHTML; 
//將id為content的
元素的內容設置為"new content" 
document.getElementById("content").innerHTML = "new content";

2. className屬性：獲取或者設置當前元素的class屬性。例如：

var ele = document.getElementById("ele");
ele.className = "new-class";

3. style屬性：獲取或者設置當前元素的CSS樣式。例如：

var ele = document.getElementById("ele");
ele.style.color = "blue";
ele.style.width = "100px";

4. getAttribute()/setAttribute()方法：獲取或者設置元素的屬性值。

var ele = document.getElementById("ele");
ele.setAttribute("name", "new name");
var name = ele.getAttribute("name");

5. parentNode屬性：獲取元素的父節點。例如：

var ele = document.getElementById("ele");
var parentEle = ele.parentNode;

6. childNodes屬性：獲取當前元素所有的子節點，包括元素節點、文本節點、注釋節點等。

var ele = document.getElementById("ele");
var childNodes = ele.childNodes;

DOM操作可以說是基礎又非常重要的一種技能，面試中也常常是面試官最感興趣的一點。掌握好DOM操作，能夠更好地理解和應用前端框架和各種插件，可以讓你更容易上手前端開發工作。