天天看点

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,如需转载请自行联系原作者

继续阅读