天天看點

JavaScript:通過id來進行元素的取得

每一個HTML元素都使用id來進行一個标注,随後可以通過document.getElementById(“ID名稱”)取得指定的ID元素對象,取得元素對象之後就可以對其進行操作。

但是document.getElementById()隻能取得一個元素資訊。

範例:觀察如下代碼

event1.html

JavaScript:通過id來進行元素的取得
JavaScript:通過id來進行元素的取得
JavaScript:通過id來進行元素的取得

此時代碼之中,最為友善的做法是所有的行都是用了一個id标注”id=infoTr”

範例:不完整的程式,每次隻能單獨改變一個單元格的高亮色

event1.js

JavaScript:通過id來進行元素的取得
JavaScript:通過id來進行元素的取得

效果是:當滑鼠隻有進入第一個單元格時,高亮色成了紅色,離開就變為原來的顔色

JavaScript:通過id來進行元素的取得

分析:本程式使用了“document.getElementById(“infoTr”)”取得了id對象,但是在代碼中對于這個“infoTr”的Id值有多個,而document.getElementByiD(“infoTr“),隻能夠取得第一個,多以如果要想取得全部,則應該采用document.all(“iD”)形式完成(指的是id有重複的時候),傳回的是對象數組。

範例:完整的程式,可以改變所有單元格的高亮色

JavaScript:通過id來進行元素的取得
JavaScript:通過id來進行元素的取得

效果是:當滑鼠進入任意一個單元格時,高亮色成了紅色,離開就變為原來的顔色

JavaScript:通過id來進行元素的取得
JavaScript:通過id來進行元素的取得

  如果使用DOM解析之後會有更加友善的做法,但是現階段一定要記住,隻能夠依靠id取得内容。如果id隻有一個,就使用document.getElementById(“iD”)傳回單個對象;如果使用document.all(“iD”),就傳回一個對象數組。

程式猿神奇的手,每時每刻,這雙手都在改變着世界的互動方式!

本文轉自當天真遇到現實部落格園部落格,原文連結:http://www.cnblogs.com/XYQ-208910/p/5826026.html,如需轉載請自行聯系原作者

繼續閱讀