document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是

“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才

是具体的值！

参考资料：

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

http://blog.sina.com.cn/u/4933092a010003k7

今天在网络上查找 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 id="hdrPageHeader_lblTitle0">aa</a>                             *
  * <a id="hdrPageHeader_lblTitle">bb</a>                              *
  * <a id="hdrPageHeader_lblTitle1">cc</a>                             *
  * <script language="javascript">                                     *
  * <!--                                                               *
  * var idtext=document.getElementById('hdrPageHeader_lblTitle')       *
  * alert(idtext.innerText)                                            *
  * //-->                                                              *
  * </script>                                                          *
  *                                                                          *
  ****************************************************************************

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

http://bbs.cnitn.cn/dispbbs.asp?boardid=20&id=12957 ，内容是：

① document.getElementById 有时会抓 name 放过了 id ，据说是 IE 的一个 BUG ； 
页面中有 
    <input type="hidden" id="hello8" name="category_id" value="2" />

<select id="category_id"   οnchange="al();">

一个是 name="category_id" 一个是 id="category_id"

用 document.getElementById 取第二个，可是，取到的却是第一个 name=category_id

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

兩個 form, 每個 form 有兩個 textbox, 兩個 form 中的 textbox 是相同的 name, 但 id 都不同 ...
這樣在 Firefox 是沒問題的 ... 但在 IE 卻只抓得到第一個出現的 name 資料

D ：在得到答案后，同时也得到了两本好的手册工具，

1.DHTML.CHM ----- 很全面的 DHTML 的参考手册

2.javascript 的参考手册

饮水思源，我还是不要把别人的成果直接放到这里，下面这个地址提供了下载连接：

http://www.xy72.com/bbs/dispbbs.asp?boardID=11&ID=71&page=1

2. document 对象

http://www.phpx.com/man/dhtmlcn/objects/obj_document.html

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

方法：

focus	使得元素得到焦点并执行由 onfocus 事件指定的代码。
getElementById	获取对 ID 标签属性为指定值的第一个对象的引用。
getElementsByName	根据 NAME 标签属性的值获取对象的集合。
getElementsByTagName	获取基于指定元素名称的对象集合。

document.getElementById 用法 详解！相关推荐

1. (转)getElementByID getElementsByName getElementsByTagName用法详解

   (转)getElementByID getElementsByName getElementsByTagName用法详解 getElementByID getElementsByName getEle ...

2. Extjs Window用法详解 3 打印具体应用，是否关掉打印预览的界面

   Extjs Window用法详解 3 打印具体应用,是否关掉打印预览的界面 Extjs 中的按钮元素 { xtype: 'buttongroup', title: '打印', items: [ me. ...

3. highlight.js css,JS库之Highlight.js的用法详解

   下载到本地后,新建个页面测试 1.在head中加入css和js的引用 highlight hljs.initHighlightingOnLoad(); 2.添加对应要显示的内容 # 读取文件内容 de ...

4. getElementsByTagName用法详解

   getElementByID getElementsByName getElementsByTagName用法详解 getElementByID getElementsByName getElemen ...

5. window.onload用法详解

   网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式: 一.将脚本代码放在网页的底端,这样在运行脚本代 ...

6. php switch case 判断语句,PHP的switch判断语句的“高级”用法详解，switch详解_PHP教程...

   PHP的switch判断语句的"高级"用法详解,switch详解 只所以称为"高级"用法,是因为我连switch的最基础的用法都还没有掌握,so,接下来讲的其实 ...

7. selenium用法详解

   selenium用法详解 selenium主要是用来做自动化测试,支持多种浏览器,爬虫中主要用来解决JavaScript渲染问题. 模拟浏览器进行网页加载,当requests,urllib无法正常获取 ...

8. js截取图片 裁剪图片之cropper.js插件用法详解

   js截取图片 裁剪图片之cropper.js插件用法详解 源码:https://github.com/fengyuanchen/cropper 引入+使用 <link href="/p ...

9. ES6 — Promise基础用法详解（resolve、reject、then、catch,all,）

   ES6 - Promise基础用法详解 Promise 是一个构造函数,它自身拥有all.reject.resolve这几个眼熟的方法, 原型上有then.catch等同样熟悉的方法. 所以,在开始一 ...

最新文章

1. composer Failed to decode zlib stream
2. a challengefor the 2 hour course
3. Windows Server 2008 的十四大最新功能特性技术总结
4. oracle的脚本语言,Oracle 无法执行SQL脚本语句
5. Android单元测试框架Robolectric3.0介绍(二)
6. winxp计算机远程桌面连接,winxp系统远程桌面不能连接指定计算机的解决方法
7. masm32环境配置
8. 安卓开发eclipse+adt下载
9. 空间管理 - 碎片化问题及解决思路
10. 看柏林是如何进行轨道与常规公交规划的？
11. 统计学三大相关性系数：pearson，spearman，kendall
12. 配置H3C设备无线AP多vlan步骤
13. MOOC《Python语言程序设计》（第15次）Python计算生态概览（第九周）
14. 高中数学必修5；不等式常用题型解题巧技巧（名师总结）
15. 比较 SVFI-RIFE 和 DAIN-APP 补针效果 施工中 ~
16. postgresql 服务器日志
17. html内嵌式的语言,为何说PHP是一种HTML内嵌式的语言
18. html实现信封效果,css信封边框效果实现的2种方法
19. php微信访问,PHP开发之判断微信浏览器访问
20. 46、万维网之一（应用层）

热门文章

1. 如何在SM30维护表时自动写入表字段的默认值-事件(EVENT)
2. 数学建模 多属性决策模型
3. elasticsearch启动报错：FileAlreadyExistsException:/home/es/elasticsearch-6.3.0/configelasticsearch.keysto
4. macbook air_每次插入MacBook Pro或Air时如何听到提示音
5. MSP430如何使用energia（TI公司的arduino简易编译器）
6. zbb20170218_hibernate
7. 【随机过程】13 - 过滤泊松的应用
8. java虚数复数计算_真实的虚数，不仅不是没用，而且还很实在
9. Bootstrap入门使用
10. Java日期有效性验证