1. 介紹DOM

ent Object Model）是指文檔對象模型，它是一種用于表示和操作HTML、XML等文檔的標準編程接口。DOM將文檔解析為一個由節點和對象（包含屬性和方法）組成的結構集合。通過DOM，開發者可以使用JavaScript來操作頁面上的元素。

2. 獲取元素

獲取元素是操作DOM的基礎，下面介紹幾種獲取元素的方法。

2.1 通過ID獲取元素

entByIdull。

2.2 通過標簽名獲取元素

entsByTagName()方法。該方法返回一個包含所有指定標簽名的元素列表。

2.3 通過類名獲取元素

entsByClassName()方法。該方法返回一個包含所有指定類名的元素列表。

2.4 通過選擇器獲取元素

通過選擇器獲取元素可以使用querySelector()和querySelectorAll()方法。querySelector()方法返回匹配指定選擇器的第一個元素，querySelectorAll()方法返回匹配指定選擇器的所有元素。

3. 操作元素

獲取到元素后，我們可以對其進行操作，下面介紹幾種常用的操作元素的方法。

3.1 獲取和設置元素的屬性

可以使用getAttribute()和setAttribute()方法來獲取和設置元素的屬性。

3.2 獲取和設置元素的內容

nerHTMLnerTextnerHTMLnerText只能獲取和設置元素的文本內容。

3.3 添加和刪除元素

dChildoveChild()方法來添加和刪除元素。

4. 總結

通過以上介紹，我們了解了DOM的基本概念和如何獲取和操作元素。在實際開發中，我們需要根據具體需求選擇不同的方法來操作DOM，從而實現各種功能。