目錄四、element物件
五、對dom物件的操作
六、調整元素樣式的方式
七、event物件
2、繫結事件的幾種方法
dom的英文全稱是document object model，即文件物件模型，是用以操作html文件和xml文件的api。w3c將dom分為三個不同的部分，分別是：核心dom，xml dom，html dom。
所謂dhtml即dynamic html，是動態的html。
這門技術可以使用客戶端指令碼語言，利用html dom 控制html的元素，將靜態的html內容變成動態。
本篇主要是對html dom的學習總結。html dom可以把html文件看作一棵節點樹，可以利用dom物件的屬性或方法對這些節點進行增刪改查的操作。
document物件代表載入瀏覽器的html文件，可以通過全域性物件window獲得document物件。
getelementbyid（id值）：根據id值獲取乙個元素。
getelementsbyname（name值）：根據name值獲取乙個元素陣列。
getelementsbytagname（tagname值）：根據標籤名獲取乙個元素陣列。
在html dom中，每個部分都是節點：文件本身，元素，屬性，注釋都是節點。element物件代表文件中的元素，可以通過document的許多方法獲取。
setattribute(屬性名，屬性值)：將第乙個input標籤的type屬性設定為button。
document.getelementbytagname("input")[0].setattribute("type","button");document.getelementbyid("city").removeattribute("style");增刪改查。innerhtml：元素（節點）的文字值。
parentnode：元素（節點）的父節點。
childnodes：元素（節點）的子節點。
document.createelement("節點型別");//為指定的標籤建立乙個元素的例項。parentelement.removechild(chileelement);//刪除父元素的指定子元素。newelement = oldelement.clonenode(boolean);//預設為false，即不轉殖節點中的子節點。hello
hello
通常與函式結合使用，且函式不會再事件發生前執行。
直接在html標籤上，指定事件的屬性，屬性值即為js**）。
hello
hello
參考：w3school
DOM事件繫結
element.addeventlistener type,handler,boolean 第乙個值代表事件型別，不加on。第二個是執行的方法。事件處理函式 第三個值是乙個布林值，預設為false，只在冒泡階段執行。true為在捕獲階段執行 element.removeeventlistener t...
DOM事件學習筆記
1.事件處理程式 1 html事件處理程式 function showmessage 缺點 要修改兩次 2 dom的0級事件處理程式 var btn document.getelementbyid btn btn.nclick function btn.nclick null 刪除事件 3 dom的...
DOM事件物件
觸發dom上的事件時會產生乙個事件物件event。event物件會傳入到事件處理程式中。一 dom 中的event物件的主要屬性和方法 1 屬性 type 被觸發事件的型別 currenttarget其事件處理程式當前正在處理事件的那個元素 target事件的目標 this currenttarge...