document.getElementById的一些细节

 更新时间:2006年09月08日 00:00:00   作者:  
① 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" onchange="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資料

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


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


② javascript中的getElementbyId使用 
网页中的元素必须有id属性,才能通过这个方法得到,比如
<input type=text name="content" id="content">

③获取html标记主要有两种方法,一种是通过ID值,一种是通过name属性 
name属性主要用于form表单内的input标记 

相关文章

  • JS实现很酷的水波文字特效实例

    JS实现很酷的水波文字特效实例

    这篇文章主要介绍了JS实现很酷的水波文字特效,实例分析了javascript操作图层特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • js 实现复选框只能选择一项的示例代码

    js 实现复选框只能选择一项的示例代码

    下面小编就为大家分享一篇js 实现复选框只能选择一项的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • javascript axios 实现进度监控的示例代码

    javascript axios 实现进度监控的示例代码

    在使用axios发送HTTP请求时,可以通过onUploadProgress和onDownloadProgress来监控上传和下载的进度,具有一定的参考价值,感兴趣的可以了解一下
    2025-01-01
  • JavaScript 常见安全漏洞和自动化检测技术

    JavaScript 常见安全漏洞和自动化检测技术

    js安全漏洞目前存在较大的技术难题,本文结合案例给大家详解JavaScript 常见安全漏洞和自动化检测技术,需要的朋友可以参考下
    2015-08-08
  • Js 回车换行处理的办法及replace方法应用

    Js 回车换行处理的办法及replace方法应用

    当我们在文本框里输入文字敲下回车后,希望在提交后网页也显示是换行的效果,可往往并不能如愿以偿啊,实在是愤怒啊自己写了一个回车换行处理的函数,感兴趣的朋友可以了解下啊,希望本文对你有所帮助
    2013-01-01
  • 微信小程序 如何保持登录状态

    微信小程序 如何保持登录状态

    这篇文章主要介绍了微信小程序 如何保持登录状态,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • TypeScript中的interface与type实战

    TypeScript中的interface与type实战

    这篇文章主要介绍了TypeScript中的interface与type详解,它们都是用来定义类型的强大工具,在实际开发中,你可以根据具体情况选择使用 interface 或 type,或者甚至将它们结合起来使用,需要的朋友可以参考下
    2023-06-06
  • 谈谈impress.js初步理解

    谈谈impress.js初步理解

    impress.js 是国外一位开发者受 Prezi 启发,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)。感兴趣的朋友跟着小编一起学习吧
    2015-09-09
  • 浅谈关于JavaScript的语言特性分析

    浅谈关于JavaScript的语言特性分析

    本篇文章小编为大家介绍,浅谈关于JavaScript的语言特性分析,有需要的朋友可以参考一下
    2013-04-04
  • contains和compareDocumentPosition 方法来确定是否HTML节点间的关系

    contains和compareDocumentPosition 方法来确定是否HTML节点间的关系

    一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。
    2011-09-09

最新评论