每一個HTML元素都使用id來進行一個标注,随後可以通過document.getElementById(“ID名稱”)取得指定的ID元素對象,取得元素對象之後就可以對其進行操作。
但是document.getElementById()隻能取得一個元素資訊。
範例:觀察如下代碼
event1.html


此時代碼之中,最為友善的做法是所有的行都是用了一個id标注”id=infoTr”
範例:不完整的程式,每次隻能單獨改變一個單元格的高亮色
event1.js


效果是:當滑鼠隻有進入第一個單元格時,高亮色成了紅色,離開就變為原來的顔色
分析:本程式使用了“document.getElementById(“infoTr”)”取得了id對象,但是在代碼中對于這個“infoTr”的Id值有多個,而document.getElementByiD(“infoTr“),隻能夠取得第一個,多以如果要想取得全部,則應該采用document.all(“iD”)形式完成(指的是id有重複的時候),傳回的是對象數組。
範例:完整的程式,可以改變所有單元格的高亮色


效果是:當滑鼠進入任意一個單元格時,高亮色成了紅色,離開就變為原來的顔色
如果使用DOM解析之後會有更加友善的做法,但是現階段一定要記住,隻能夠依靠id取得内容。如果id隻有一個,就使用document.getElementById(“iD”)傳回單個對象;如果使用document.all(“iD”),就傳回一個對象數組。
程式猿神奇的手,每時每刻,這雙手都在改變着世界的互動方式!
本文轉自當天真遇到現實部落格園部落格,原文連結:http://www.cnblogs.com/XYQ-208910/p/5826026.html,如需轉載請自行聯系原作者