通過js查找html元素的三種方法：

1、通過id找到html元素。

2、通過標簽名找到html元素。

3、通過類名找到html元素。

DOM HTML

document.write();　　　　直接寫入html中

document.getElementById(id).innerHTML=新的html；　　　　修改html中的內容

document.getElementById(id).innerHTML　　　　獲取相應id下的鑲嵌內容

document.getElementById(id).attribute（這裏的attribute是屬性的意思，在語法中應該寫入相應的屬性標簽才行，而不是寫入attribute）

　　　　document.getElementById(id).onclick=function(){xxxxxx};

　　　　onload&onunload事件

　　　　onchange事件　　　　<input type="text" id="fname" onchange="upperCase()">

　　　　onmouseover&onmouseout

　　　　onmousedown&onmouseup

　　　　onclick

　　　　onfocus

　　　　onload

DOM CSS

document.getElementById(id).style.property（這裏的意思是選取其中的一個css來寫入，後面跟著相應的樣式值。）=新樣式

visibility：表示元素顯示或者隱示，（visible表示出現，hidden表示隱藏）

DOM EventListener

默認值為 false, 即冒泡傳遞，當值為 true 時, 事件使用捕獲傳遞。

在添加多個時依次添加，而不是一次在addEventlistener

在 冒泡 中，內部元素的事件會先被觸發，然後再觸發外部元素，即： <p> 元素的點擊事件先觸發，然後會觸發 <div> 元素的點擊事件。

在 捕獲 中，外部元素的事件會先被觸發，然後才會觸發內部元素的事件，即： <div> 元素的點擊事件先觸發 ，然後再觸發 <p> 元素的點擊事件。

emoveEventListener() 方法移除由 addEventListener() 方法添加的事件句柄:其語法同addEventListener相同。第一個為事件的類型，第二個為接下來事件觸發後調用的函數。

創建新的html元素

刪除已有的html元素

js備戰春招の四のDOM