- 通過ID尋找
var x=document.getElementById("intro"); - 通過標簽名尋找
var y=document.getElementsByTagName("p"); - 寫入內容。
document.write()可用于直接向 HTML 輸出流寫內容。絕對不要在文檔加載完成之后使用document.write()。這會覆蓋該文檔。 - 改變HTML內容。
document.getElementById(id).innerHTML=new HTML - 改變HTML屬性。
document.getElementById(id).attribute=newvaluedocument.getElementById("image").src="landscape.jpg"; - 改變HTML樣式。
document.getElementById(id).style.property=new style
document.getElementById("p2").style.color="blue";onclick="document.getElementById('id1').style.color='red'">(點擊按鈕時改變樣式) - 向button分配事件屬性
<button onclick="displayDate()">Try it</button> - 刪除某個節點
var child=document.getElementById("p1"); child.parentNode.removeChild(child);
JavaScript和事件
來自于江水博客
基礎事件操作
監聽事件的方法：
內聯HTML屬性
<button onclick="alert('你點擊了這個按鈕');">點擊這個按鈕</button>
DOM屬性綁定
element.onclick = function(event){
alert('你點擊了這個按鈕');
};
事件監聽函數
element.addEventListener(<event-name>, <callback>, <use-capture>);
//例子
var btn = document.getElementsByTagName('button');
btn[0].addEventListener('click', function() {
alert('你點擊了這個按鈕');
}, false);
- click、load、mouseover是事件的名字，響應事件的函數，如onclick、onload等叫做事件處理程序（或事件偵聽器）。
- HTML事件處理程序
<input type="button" value="click me" onclick="showme( )" />,事件處理程序中的代碼在執行時，有權訪問全局作用域中的任何代碼。并且會創建一個封裝著元素屬性值的函數，這個函數中有一個局部變量event，也就是事件對象，通過event變量，可以訪問事件對象，在函數的內部，this等于時間的目標元素。 - DOM0級事件處理程序：將一個函數賦值給一個事件處理程序屬性，被認為是元素的方法。此時的事件處理程序實在元素的作用域中運行的，
this引用當前元素。。可以通過this訪問元素的任何屬性和方法。也可以通過設置btn.onclick=null刪除事件處理程序。 - DOM2級事件處理程序：定義了兩個方法，
addEventListener()removeEventListener()接收三個參數：要處理的事件名、作為事件處理程序的函數、布爾值。true捕獲階段false冒泡階段（多數情況）。好處是可以添加多個事件處理程序。使用addEventListener()添加的函數必須通過removeEventListener()來進行消除。即：addEventListener()添加的匿名函數沒辦法消除。 - IE事件處理程序
attachEvent()datchEvent()接收兩個參數：事件處理程序名稱、事件處理程序函數。并且使用attachEvent()下，事件處理程序會在全局作用域中運行，this等于window。調用兩次attachEvent()添加事件處理程序，是按照相反的順序被觸發。 - 跨瀏覽器的事件處理程序.................
P354...............
