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)
上一篇 2022年7月15日 下午8:46
下一篇 2022年7月15日 下午8:46


相关推荐

  • AI 绘画 + 小红书变现:从 0 到 1 的实战指南附 DeepSeek 工具包 + 变现 SOP

    AI 绘画 + 小红书变现:从 0 到 1 的实战指南附 DeepSeek 工具包 + 变现 SOP

    2026年3月15日
    3
  • mybase 试用期到期(手机ip破解版无限试用)

    myBase7是一个很好的记录笔记的工具,但它是收费的,但是,任何一个收费的东西,咱们都能给他找到破解的方法!废话不多说,请看下方步骤:firstofall:  请保持你的myBase7是关闭的1、找到myBase7的安装目录(myBase.exe的目录);2、右键编辑打开myBase.ini;3、找到App.UserLic.FirstUseOn,并在确保myBase关闭的情况下将其删除…

    2022年4月18日
    391
  • 前缀表达式的计算机求值

    前缀表达式的计算机求值前缀表达式的计算机求值特点引例 某表达式的前缀形式为 ABCD E F GH 那么它的中缀形式为 前缀表达式的操作前缀表达式是一种没有括号的算术表达式 就是前序表达式 不同于中缀表达式 它把运算符写在前面 操作数写在后面 前缀表达式也称为 波兰式 例如 1 23 它等价于 1 2 3 后缀表达式和前缀表达式十分相似 只是后缀表达式从左往右读入计算机 前缀表达式 从右至

    2026年3月18日
    2
  • 关于web.xml配置中的<url-pattern>

    关于web.xml配置中的<url-pattern>标签<url-pattern><url-pattern>是我们用Servlet做Web项目时需要经常配置的标签,例:<servlet><servlet-n

    2022年7月3日
    27
  • java 论坛_5 个最好用的 Java 开源论坛系统

    java 论坛_5 个最好用的 Java 开源论坛系统大家好!我是Guide哥,Java后端开发。一个会一点前端,喜欢烹饪的自由少年。最近有点小忙。但是,由于前几天答应了一位读者自己会推荐一些开源的论坛系统,所以,昨晚就简单地熬了个夜,对比了很多个开源论坛系统之后,总结成了这篇文章。这篇文章我一共推荐了5个论坛类开源项目,除了有1个是基于PHP开发之外,其他都是基于Java,并且大部分都是基于SpringBoot这个主流框…

    2022年7月7日
    22
  • 2021最新idea配置tomcat

    2021最新idea配置tomcat最新用 Idea 写 Jsp 前期准备 IDEA JDK Tomcat 请先在自己电脑上装好好么 博客图片为主请多看红框框开始 1 创建 配置项目 1 1 创建普通 java 项目 NewProject next 1 2 添加框架的支持 1 3 开始配置项目配置 projectstruc F4 或项目右键 OpenModuleSe 或右上角有个黑蓝色的框框或菜单栏 view OpenModuleSe 进入 1 3 1 配置 Source 在

    2026年3月18日
    2

发表回复

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

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