document.getElementById详解

document.getElementById详解注意:document.getElementById("")得到的是一个对象,用alert显示得到的是“object”,而不是具体的值,它有value和length等属性,加上.value得到的才是具体的值! 参考资料:1.document.getElementById的用法和DHTML.CHM的下载地址http://blog.sin…

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

注意:

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

IEgetElementById 竟然不是先抓 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 有时会抓name放过了id ,据说是IE的一个BUG;

http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443

页面中有
<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資料

下面这段代码可以验证这个结果

document.getElementById详解


document.getElementById详解


document.getElementById详解<HTML>


document.getElementById详解<HEAD>


document.getElementById详解<TITLE> getElementById </TITLE>


document.getElementById详解</HEAD>


document.getElementById详解<SCRIPT LANGUAGE=”JavaScript”>


document.getElementById详解<!–


document.getElementById详解function chkacc(){


document.getElementById详解alert(document.getElementById(“tbxuid1”).value);


document.getElementById详解alert(document.getElementById(“tbxpwd1”).value);


document.getElementById详解alert(document.getElementById(“tbxuid”).value);


document.getElementById详解alert(document.getElementById(“tbxpwd”).value);


document.getElementById详解}


document.getElementById详解//–>


document.getElementById详解</SCRIPT>


document.getElementById详解<BODY>


document.getElementById详解<FORM METHOD=POST ACTION=”” name=”frm1″>


document.getElementById详解<INPUT TYPE=”text” NAME=”tbxuid” id=”tbxuid1″>


document.getElementById详解<INPUT TYPE=”text” NAME=”tbxpwd” id=”tbxpwd1″>


document.getElementById详解</FORM>


document.getElementById详解<FORM METHOD=POST ACTION=”” name=”frm2″>


document.getElementById详解<INPUT TYPE=”text” NAME=”tbxuid” id=”tbxuid”>


document.getElementById详解<INPUT TYPE=”text” NAME=”tbxpwd” id=”tbxpwd”>


document.getElementById详解<INPUT TYPE=”button” value=”檢查” name=”btnchk” οnclick=”chkacc();”>


document.getElementById详解</FORM>


document.getElementById详解</BODY>


document.getElementById详解</HTML
② javascript中的getElementbyId使用

<!– –>

网页中的元素必须有id属性,才能通过这个方法得到,比如

<input type=text name=”content” id=”content”>

③获取html标记主要有两种方法,一种是通过ID值,一种是通过name属性

name属性主要用于form表单内的input标记

 

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/159576.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 1024代理服务器网站,1024hgc.com服务器iP「建议收藏」

    2021-07-26—–2021-08-10172.67.24.1612021-07-26—–2021-08-10104.22.46.962021-07-26—–2021-08-10104.22.47.962021-03-25—–2021-07-26104.26.3.652021-03-25—–2021-07-26104.26.2.652021-03-25—–2…

  • pytest接口自动化测试框架_什么模块需要做接口自动化

    pytest接口自动化测试框架_什么模块需要做接口自动化pytest接口自动化完整框架思维导图

  • 网络游戏开发基础篇

    本篇的内容,会介绍几个内容:单例,dll动态加载以及一些跨平台的处理。       1、单例:单例模式是一种使用广泛而又比较简单的设计模式,他的定义我就不多介绍了,大家上网一查就知道了,基本都能理解。在游戏开发中,会有很多单件,所以封装一个单例类供后面的开发使用。       本单例使用模板实现,代码如下:[cpp] viewplaincopyprint?//

  • Ubuntu 20.04 搭建OpenStack Yoga(allinone)

    Ubuntu 20.04 搭建OpenStack Yoga(allinone)文章目录环境准备换源网络配置静态IP桥接永久修改DNS主机名基础服务数据库etcdmemcachedOpenStackNova很多文章都是devstack安装的allinone,我这里使用源码组件手动安装。环境准备这里需要先配置一些环境。首先我这里是虚拟机安装的系统,可能设置的密码不是当前用户的root密码,反正就得重置一下执行下面的命令,然后输入安装系统设置的密码,之后就可以了。sudopasswdroot换源需要先换一个源,方便下载换阿里源gedit/etc/apt/sourc

    2022年10月29日
  • 联想笔记本电脑键盘亮了屏幕不亮_笔记本电脑开机键盘亮了屏幕不亮

    联想笔记本电脑键盘亮了屏幕不亮_笔记本电脑开机键盘亮了屏幕不亮联想笔记本电脑一直是笔记本电脑行业的大品牌,深受人们的喜爱。然而,它在使用时也会遇到很多问题,比如如何处理联想笔记本电脑开机键亮但是黑屏?联想笔记本电脑键盘失灵怎么办?因此,在购买联想笔记本之前,我们需要清楚地知道如何解决这个问题。一、联想笔记本电脑开机键亮但是黑屏1.如果联想笔记本电脑的开机键很亮,但屏幕是黑色的,您可以卸下笔记本电脑背面的电池,仅将电脑与电源适配器连接,然后尝试开机一次。如果启…

  • 字王2012·字王回文体系列,共15款,点击浏览·字体样张

    字王2012·字王回文体系列,共15款,点击浏览·字体样张

发表回复

您的电子邮箱地址不会被公开。

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