转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
document.getElementById详解         ★★★

document.getElementById详解

作者:闵涛 文章来源:闵涛的学习笔记 点击数:986 更新时间:2010/1/1 19:23:13

document.getElementById(" ") 得到的是一个对象,用 alert 显示得到的是“ object ”,而不是具体的值,它有 value 和 length 等属性,加上 .value 得到的才 是具体的值!


参考资料:

1. document . getElementById 的用法和 DHTML.CHM 的下载地址

今天在网络上查找 document . getElementById 的用法,如下:

A :      语法:

     oElement = document . getElementById ( sID )

      参数:

     sID   : 必选项。字符串 (String) 。

      返回值:

     oElement   : 对象 (Element) 。

      说明:

      根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象       ,则返回该组对象中的第一个。

      如果无符合条件的对象,则返回 null 。

 

B :有一个例子可以很好的说明:

 

   ****************************************************************************

   *                                                                           *

   *   这个函数中最关键的地方是 document.getElementById ,他是什么呢?        *

   *                                                                           *

   *   关于 document.getElementById ,是这样的:                              *

   *                                                                     *

   *   如: document.getElementById('hdrPageHeader_lblTitle')               *

   *                                                                     *

   *   表示的意思是:获取 ID 为 :hdrPageHeader_lblTitle 的对象                  *

   *                                                                           *

   * <a >aa</a>                              *

   * <a >bb</a>                               *

   * <a >cc</a>                              *

   * <script language="javascript">                                      *

   * <!--                                                                *

   * var idtext=document.getElementById('hdrPageHeader_lblTitle')        *

   * alert(idtext.innerText)                                             *

   * //-->                                                               *

   * </script>                                                           *

 

 

C :另外还得到一个细节:

① document.getElementById 有时会抓 name 放过了 id ,据说是 IE 的一个 BUG ;

页面中有

     <input type="hidden" value="2" />

          <select     >

一个是 一个是

用 document.getElementById 取第二个,可是,取到的却是第一个 >

在 IE 中 getElementById 竟然不是先抓 id 而是先找 name 相同的物件 ...

兩個 form, 每個 form 有兩個 textbox, 兩個 form 中的 textbox 是相同的 name, 但 id 都不同 ...

這樣在 Firefox 是沒問題的 ... 但在 IE 卻只抓得到第一個出現的 name 資料

2. document 对象

属性: title ; bgColor ; url; ( 使用: document.title)

方法:
focus

使得元素得到焦点并执行由 onfocus 事件指定的代码。

getElementById

获取对 ID 标签属性为指定值的第一个对象的引用。

getElementsByName

根据 NAME 标签属性的值获取对象的集合。

getElementsByTagName

获取基于指定元素名称的对象集合。

方法:
focus

使得元素得到焦点并执行由 onfocus 事件指定的代码。

getElementById

获取对 ID 标签属性为指定值的第一个对象的引用。

getElementsByName

根据 NAME 标签属性的值获取对象的集合。

getElementsByTagName

获取基于指定元素名称的对象集合。


[C语言系列]C# Regex用法详解  [MySql]MySQL DELETE语法用法详解
[C语言系列]Messagebox.Show()常用参数用法实例详解  [Web开发]Apache访问日志详解
[Web开发]dede 调用自定义字段方法详解  [VB.NET程序]Combobox属性及使用方法详解
[C语言系列]C#中AxWebBrowser使用及制作浏览器详解  [Web开发]iis中的伪静态设置详解
[Web开发]狂人采集器规则使用详解  [Web开发]WINDOWS系统IIS 伪静态重写方法详解
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台