# 1、什么是DOM > DOM全稱是Document Object Model（文檔對象模型），它是JS將HTML按文檔結構和內容層次抽象出的模型，使得JavaScript有了訪問HTML的能力，能夠實現對HTML中內容的操作。DOM存在廣泛，PHP以及其他語言也有各自的DOM模型。 # 2、節點與DOM模型 > DOM模型呈現樹狀結構，因此也叫“樹模型”，樹中的內容（標簽、屬性、文本）稱為“節點”，節點在dom中就是對象。包含有元素節點（標簽）、屬性節點、文本節點。dom模型中，每個節點，都是一個JavaScript對象。 > 根據 W3C 的 HTML DOM 標準，HTML 文檔中的所有內容都是節點： * 整個文檔是一個文檔節點，用document對象表示，最大的節點 * 每個 HTML 元素是元素節點，比如html、head、body、a、h1 * HTML 元素內的文本是文本節點 * 每個 HTML 屬性是屬性節點，比如href * 注釋是注釋節點  # 3、節點之間的關系 * 節點之間的關系猶如人類家族中的族譜。節點之間的關系包括： 父子關系（父子、后代、祖先級） 兄弟（姐妹）關系 * 單詞： parent -- 父母 child -- 孩子 children -- 孩子（復數），表示所有孩子 siblings -- 兄弟姐妹、同胞