document.getElementById 用法

document.getElementById 用法 document.getElementById使用   注意:document.getElementById(“”)得到的是一个对象,用alert显示得到的是“object”,而不是具体的值,它有value和length等属性,加上.value得到的才是具体的值! 参考资料:1.docum

大家好,又见面了,我是你们的朋友全栈君。

 

document.getElementById使用  
 

注意:

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 对象

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

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

方法:

 

focus

 

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

 

getElementById

 

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

 

getElementsByName

 

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

 

getElementsByTagName

 

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/159867.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python处理Excel数据-pandas篇

    Python处理Excel数据-pandas篇Python处理Excel数据-pandas篇非常适用于大量数据的拼接、清洗、筛选及分析在计算机编程中,pandas是Python编程语言的用于数据操纵和分析的软件库。特别是,它提供操纵数值表格和时间序列的数据结构和运算操作。它的名字衍生自术语“面板数据”(paneldata),这是计量经济学的数据集术语,它们包括了对同一个体的在多个时期上的观测。它的名字是短语“Pythondataanalysis”自身的文字游戏。目录Python处理Excel数据-pandas篇一、安装环境1、打开以下文

    2022年10月29日
    0
  • android错误之==与equals的区别

    在做一个电话号码匹配的时候,开始我使用的是这种情况if (num == inCall.getNum()) {//操作…}但是无论如何结果都是false,就算两个号码打印出来一模一样还是false,突然想起来错在哪里了,改成如下if (num.equals(call.getNum())) {//操作…}结果不言而喻,正确了,这就是==和equals的区

    2022年3月10日
    40
  • 忘记 mysql 数据库连接密码(解决方案)「建议收藏」

    由于CSDN的目录只在固定地方显示,并不是很方便阅读,又占空间,所以本文章已同步更新到个人博客上,在个人博客上的文章,有滑动侧边目录栏,阅读体验更加,而且文章的样式也更为丰富,推荐各位同学前往我的个人博客读阅。个人博客地址:http://zwd596257180.gitee.io/blog/2019/04/16/mysql_change_password/…

    2022年4月13日
    71
  • USB转串口/USB转485两线制转换器简单介绍——爱威轮[通俗易懂]

    USB转串口/USB转485两线制转换器简单介绍——爱威轮[通俗易懂]USB-8501工业级USB总线两线制RS485转换器提供了USB到RS485串行口的协议转换。通过利用USB接口具有的即插即用和热拔插的方便性,使USB接口可非常容易地和其他RS485设备通信,并能提供高达12Mbps的传输速率。USB转485工业级两线制转换器广泛用于工控、安防、金融、智能交通、超市管理等领域。它是笔记本电脑现场编程调试的好帮手。 …

    2022年5月25日
    54
  • SQL 扩展事件

    SQL 扩展事件

    2021年11月26日
    45
  • idea集成svn使用教程_idea导入svn项目

    idea集成svn使用教程_idea导入svn项目1.查看svn仓库调出svn视图:连接svn服务器:连接后效果如下:补充:如果输入正确的连接地址后出现错误—系统找不到指定的文件请到设置中检查(File|Settings|VersionControl|Subversion)SVC客户端路径配置的对不对(选中bin目录下的svn.exe)?如果找不到svn.exe,看下图解释2.Idea集成svn如果不小心选错了其他选项,比如cvs,可以在settings中重新选择;…

    2022年10月18日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号