- 通過ID尋找
var x=document.getElementById("intro"); - 通過標(biāo)簽名尋找
var y=document.getElementsByTagName("p"); - 寫入內(nèi)容躲撰。
document.write()可用于直接向 HTML 輸出流寫內(nèi)容锣险。絕對不要在文檔加載完成之后使用document.write()轴捎。這會覆蓋該文檔。 - 改變HTML內(nèi)容情龄。
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'">(點(diǎn)擊按鈕時改變樣式) - 向button分配事件屬性
<button onclick="displayDate()">Try it</button> - 刪除某個節(jié)點(diǎn)
var child=document.getElementById("p1"); child.parentNode.removeChild(child);
JavaScript和事件
來自于江水博客
基礎(chǔ)事件操作
監(jiān)聽事件的方法：
內(nèi)聯(lián)HTML屬性
<button onclick="alert('你點(diǎn)擊了這個按鈕');">點(diǎn)擊這個按鈕</button>
DOM屬性綁定
element.onclick = function(event){
alert('你點(diǎn)擊了這個按鈕');
};
事件監(jiān)聽函數(shù)
element.addEventListener(<event-name>, <callback>, <use-capture>);
//例子
var btn = document.getElementsByTagName('button');
btn[0].addEventListener('click', function() {
alert('你點(diǎn)擊了這個按鈕');
}, false);
- click芭挽、load食零、mouseover是事件的名字困乒，響應(yīng)事件的函數(shù)，如onclick贰谣、onload等叫做事件處理程序（或事件偵聽器）娜搂。
- HTML事件處理程序
<input type="button" value="click me" onclick="showme( )" />,事件處理程序中的代碼在執(zhí)行時，有權(quán)訪問全局作用域中的任何代碼吱抚。并且會創(chuàng)建一個封裝著元素屬性值的函數(shù)百宇，這個函數(shù)中有一個局部變量event，也就是事件對象秘豹，通過event變量携御，可以訪問事件對象，在函數(shù)的內(nèi)部既绕，this等于時間的目標(biāo)元素啄刹。 - DOM0級事件處理程序：將一個函數(shù)賦值給一個事件處理程序?qū)傩裕徽J(rèn)為是元素的方法凄贩。此時的事件處理程序?qū)嵲谠氐淖饔糜蛑羞\(yùn)行的誓军，
this引用當(dāng)前元素。疲扎￡鞘保可以通過this訪問元素的任何屬性和方法廓译。也可以通過設(shè)置btn.onclick=null刪除事件處理程序。 - DOM2級事件處理程序：定義了兩個方法债查，
addEventListener()removeEventListener()接收三個參數(shù)：要處理的事件名非区、作為事件處理程序的函數(shù)、布爾值盹廷。true捕獲階段false冒泡階段（多數(shù)情況）征绸。好處是可以添加多個事件處理程序。使用addEventListener()添加的函數(shù)必須通過removeEventListener()來進(jìn)行消除俄占。即：addEventListener()添加的匿名函數(shù)沒辦法消除管怠。 - IE事件處理程序
attachEvent()datchEvent()接收兩個參數(shù)：事件處理程序名稱、事件處理程序函數(shù)缸榄。并且使用attachEvent()下渤弛，事件處理程序會在全局作用域中運(yùn)行，this等于window甚带。調(diào)用兩次attachEvent()添加事件處理程序她肯，是按照相反的順序被觸發(fā)。 - 跨瀏覽器的事件處理程序.................
P354...............
