## 模擬DOM結構 ``` <script> //創建一些列具有相同屬性的對象,構造函數 //獲取對象沒有的屬性,屬性的值是undefined function Node(options) { //設置屬性默認值 this.className = options.className || ''; this.id = options.id || ''; //跟節點相關的屬性 //節點的名稱,如果是元素的節點的話,是標簽的名稱 this.nodeName = options.nodeName || ''; //節點類型,如果是元素節點1,屬性節點2,文本節點3. 數值類型 this.nodeType = options.nodeType || 1; //記錄節點的值,如果是元素節點,始終是null this.nodeValue = options.nodeValue || null; //記錄子節點 this.children = options.children || []; } //創建html節點 var html = new Node({ nodeName: 'html', }); //創建head節點 var head = new Node({ nodeName: 'head', }); html.children.push(head); //body var body = new Node({ nodeName: 'body', }) html.children.push(body); console.log(html); </script> ```