通過id查找HTML 元素
var element = document.getElementById('ID')
通過標簽名查找 HTML 元素
var y=x.getElementsByTagName("p");
使用document.write()向HTML中寫文字
絕不要使用在文檔加載之后使用 document.write()。這會覆蓋該文檔。
使用innerHTML來改變HTML文檔
可以類似document.getElementById().style.color = 'red'; 來改變css
-
事件處理
- onclick()處理點擊事件
- onload 和 onunload 事件會在用戶進入或離開頁面時被觸發。
onload 事件可用于檢測訪問者的瀏覽器類型和瀏覽器版本,并基于這些信息來加載網頁的正確版本。
onload 和 onunload 事件可用于處理 cookie。
· - onchange 事件常結合對輸入字段的驗證來使用。 - onmouseover 和 onmouseout 事件可用于在用戶的鼠標移至 HTML 元素上方或移出元素時觸發函數。
- onmousedown, onmouseup 以及 onclick 構成了鼠標點擊事件的所有部分。首先當點擊鼠標按鈕時,會觸發 onmousedown 事件,當釋放鼠標按鈕時,會觸發 onmouseup 事件,最后,當完成鼠標點擊時,會觸發 onclick 事件。
-
HTML DOM節點
- 往HTML中增加新元素必須先創建該元素,然后向一個已經存在的元素追加這個元素
var para = document.createElement('p'); var node = document.createTextNode('這里是內容'); para.appendChild(node) var element = document.getElementById('p1'); element.appendChild(para);
- 刪除HTML中的元素, 如需刪除 HTML 元素,您必須首先獲得該元素的父元素
var element = document.getElementById('p1'); element.parentNode.removeChild(element);