[TOC] ## 1.dom封裝理解原型鏈 ### 構造函數 以大寫字母開頭 ``` // 封裝獲取Dom節點 function Elem(id){ this.elem = document.getElementById(id) } //封裝改變dom節點內容 Elem.prototype.html = function(val){ var elem = this.elem if(val){ elem.innerHTML = val return this }else{ return elem.innerHTML } } //封裝監聽事件 Elem.prototype.on = function(type,fn){ this.elem.addEventListener(type,fn) return this } // new一個實例對象 var div1 = new Elem("div1") // console.log(div1.html('<p>ni hao</p>')) div1.on("onclick",function(){ alert("nhao") }) ```