1. 程式人生 > >DOM操作總結(一)

DOM操作總結(一)

UNC 標簽 頁面加載 當前 urn 對象 自己的 var ole

(一)innerText

凡是成對的標簽,中間的文本內容,設置的時候,都是用innerText這個屬性方法

(二)在某個元素的事件中,自己的事件中的this就是當前的這個元素對象

var btn=ducoument.getElementById("btn");
btn.onclick=function(){
    this.value="...";
    btn.value="...";//上下兩行代碼相同
}

(三)for循環是在頁面加載的時候,執行完畢

事件是在觸發的時候再執行

for(var k=0;k<5;k++){
    console.log(k)//0,1,2,3,4
}

for(var k=0;k<5;k++){
}
console.log(k);//5,事件觸發的時候k已經變成了5

(四)阻止超鏈接跳轉

return false

(五)獲取元素的方法總結

  • 根據id屬性的值獲取元素,返回一個元素對象

    document.getElementById("id");
  • 根據標簽名字獲取元素,返回一個偽數組

document.getElementsByTagName("標簽名字")
  • 根據name屬性的值獲取元素,返回一個偽數組

    document.getElementsByName("name屬性的值");
  • 根據類樣式的名字來獲取元素,返回一個偽數組

    document.getElmentsByClassName("類樣式的名字");
  • 根據選擇器獲取元素,返回來一個元素對象

    document.querySelector("選擇器的名字");
  • 根據選擇器獲取元素,返回的是一個偽數組

    doucment.querySelectorAll("選擇器的名字");

DOM操作總結(一)