`
bright_future
  • 浏览: 88890 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE 中 document.getElementById("id").value的陷阱

阅读更多

最近在一个项目中使用了document.getElementById("userName").value;

页面中同时含有<input id="userName" type="hidden"/>和 <div id="UserName"/>

在IE7中出现了莫名其妙的错误.而在FireFox中没有任何问题.

 

之后偶然间想到是否因为表单id大小写问题,将<input id="userName" type="hidden"/>改为

<input id="userNames" type="hidden"/>

 

document.getElementById("userName").value;改为document.getElementById("userNames").value;

在IE7中也不再报错.

 

总结以上,可以看出,至少是在IE7中使用document.getElementById("idName")时是不区分标签的大小写的.

分享到:
评论
1 楼 我家树苗三岁半 2011-10-11  
document.getElementById("idName")时是不区分标签的大小写的.
请问这句话是什么意思。

相关推荐

    各浏览器对document.getElementById等方法的实现差异解析

    var $ = document.getElementById.bind(document); ``` 需要注意的是,`bind`方法在IE9及更高版本、Firefox、Chrome等现代浏览器中才被支持。 除了`getElementById`之外,其他一些与`document`或`window`对象...

    document.getElementById()

    document.getElementById()对象和使用方法

    浅谈vue中document.getElementById()拿到的是原值的问题

    总的来说,本篇内容针对在Vue中使用`document.getElementById()`时遇到的问题提供了深入的分析和具体的解决方案,帮助开发者更好地理解Vue的工作原理以及如何在Vue项目中合理使用原生JavaScript DOM操作方法。...

    document.getElementById为空或不是对象的解决方法

    document.getElementById为null 原因: var titab=document.getElementById(“titletab”);没有取到对象 解决办法: 1.在错误语句的下面加上alert&#40;titab&#41;;调试语句,看看是否有消息框弹出 2.如果没有弹出,检查...

    document.getElementById获取控件对象为空的解决方法

    然而,有时我们可能会遇到一个问题,即在尝试使用 `document.getElementById` 获取元素时返回的是空值,即使我们确信该 ID 是存在的。这个问题通常与 JavaScript 代码的执行时机有关。 在描述的场景中,开发者试图...

    TypeError document.getElementById(...) is null错误原因

    `TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误,通常出现在尝试访问一个尚未加载或者不存在于DOM(文档对象模型)中的元素时。这个错误表示`document.getElementById`方法未能找到...

    document.getElementsByName和document.getElementById 在IE与FF中不同实现

    ^) 但是对于document.getElementsByName 与document.getElementById 这个两个方法,IE中是并没有严格区分 ID 与 Name 的,比如: [removed] function useGetElementsByNameWithId(id) { var eles = d

    document.getElementById的一些细节

    ① document.getElementById 有时会抓name放过了id ,据说是IE的一个BUG; http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有 程序代码 &lt;input type=”hidden” id=”hello8...

    document.getElementsByName()的用法

    其中`document.getElementsByName()`与`document.getElementById()`是常用的两种方法,它们分别通过元素的`name`属性和`id`属性来选取元素。本文将详细介绍这两种方法的用法,并进行深入比较。 #### 一、document....

    TypeError document.getElementById(…) is null错误原因

    当你尝试使用 `document.getElementById` 方法获取一个HTML元素时,如果该元素在当前文档中不存在,JavaScript 将抛出 `TypeError: document.getElementById(...) is null` 的错误。这个错误意味着你试图访问的ID...

    js中document.getElementByid、document.all和document.layers区分介绍

    document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等。在document.all数组里面,元素不分层次,是按照其在...

    javascript typeof id===’string’?document.getElementById(id):id解释 原创

    document.getElementById(id) : id; ``` 这是一个三元运算符的示例,也称为条件运算符。它的语法是 `condition ? expr1 : expr2`,如果 `condition` 为真(true),则表达式的结果为 `expr1`,否则为 `expr2`。 在...

    JS中关于document.all的详解

    1. **兼容性问题**:`document.all` 主要在早期版本的IE浏览器中支持,对于现代浏览器来说,推荐使用标准的方法如 `getElementById`、`querySelector` 等。 2. **性能考虑**:虽然 `document.all` 能够快速访问文档...

    document.getElementById的简写方式(获取id对象的简略写法)

    如果是纯粹的代替可以使用下面的代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 代码如下: function $() { var elements = new Array();...

    JS:document.all的用法

    然而,需要注意的是,`document.all`在标准浏览器中可能不受支持,因此在实际项目中,更推荐使用`document.getElementById`、`document.getElementsByName`等标准方法来访问DOM元素,以确保代码的兼容性和可维护性。

    document.getElementById方法在Firefox与IE中的区别

    然而,在早期的IE版本中,尤其是在IE6及更早版本,`document.getElementById`的行为相对宽松,即使元素只定义了`name`属性而没有`id`属性,它仍然可以被找到。例如: ```html ...

Global site tag (gtag.js) - Google Analytics