作家
登录

javascript getElementById 使用方法及用法

作者: 来源:www.28hudong.com 2013-03-30 02:50:13 阅读 我要评论

document.getElementById("link").href; document.getElementById("link").target; document.getElementById("img").src; document.getElementById("img").width; document.getElementById("img").height; document.getElementById("input").value; 那么如何取得<div></div>以及<a></a>之间的值呢?如<div id="div">aaa</div>中的aaa,<a href="#" id="link">bbb</a>中的bbb,也很简单,利用innerHTML就可以了: document.getElementById("div").innerHTML; document.getElementById("link").innerHTML; getElementById 方法 返回具有指定 ID 属性值的第一个对象的一个引用。 语法 oElement = document.getElementById(sIDValue) 参数 sIDValue 必选项。指明 ID 属性值的字符串 返回值 返回 ID 属性值与指定值相同的第一个对象。 注释 如果 ID 属于一个集合,getElementById 方法返回集合中的第一个对象。 getElementById 方法与使用 all 集合上的 item 方法等同。例如,以下代码样本表示如何从 document 对象中取回 ID 为 oDiv 的第一个要素。 使用 DHTML 对象模型: var oVDiv = document.body.all.item("oDiv"); 使用文档对象模型(DOM): var oVDiv = document.getElementById("oDiv"); 示例 以下例子表示如何使用 getElementById 方法返回 ID 属性值 oDiv 的第一次出现。 <script> function fnGetId(){ // Returns the first DIV element in the collection. var oVDiv=document.getElementById("oDiv1"); } </script> <DIV ID="oDiv1">Div #1</DIV> <DIV ID="oDiv2">Div #2</DIV> <DIV ID="oDiv3">Div #3</DIV> <INPUT TYPE="button" VALUE="Get Names" onclick="fnGetId()"> getElementById 方法 返回具有指定 ID 属性值的第一个比如说有个网页中有个text框的id叫text1 getElementById(text1)就能得到这个text1框的对象,并使用text框的所有属性和方法 这个是JS的一个方法,意思是通过控件ID取得元素的值,如一个form里包函text、label等,他们都是FORM的元素,有一个分配的ID,getElementById()是取得这些元素的text值的。 这个是JS的一个方法,意思是通过控件ID取得元素的值,如一个form里包函text、label等,他们都是FORM的元素,有一个分配的ID,getElementById()是取得这些元素的text值的。 程序举例 行1 单元格1 行1 单元格2 行2 单元格1 行2 单元格2 行3 单元格1 行3 单元格2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 支队一个单元隔进行对齐 单元格1 单元格2 单元格3 单元格4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 改变colspan的值 单元格1 单元格2 单元格3 单元格4 单元格5 单元格6 单元格7 单元格8 单元格9 单元格10 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  Javascript日期对象的dateAdd与dateDiff方法

复制代码 代码如下:Date.prototype.dateAdd = function(interval,number) { var d = this; var k={'y':'FullYear', 'q':'Month', 'm':'Month', 'w':'Date', 'd':'Date', 'h':'Hours', 'n':'Minutes', 's':'Seconds>>>详细阅读


本文标题:javascript getElementById 使用方法及用法

地址:http://www.17bianji.com/kaifa2/JS/29190.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)