`
echorenyuan
  • 浏览: 20400 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

document.getElementById()使用注意点

IE 
阅读更多

document.getElementById()使用注意点:

1、document.getElementById 的大小写是有区别的.可不能把getElementById的大小写搞错.

2、document.getElementById 有时会抓 name 放过了 id 。

比如两个form,每个form有两个textbox,两个textbox 都是相同的 name, 但 id 都不同 ...

这样在ie中document.getElementById 就只抓得到第一个出现的name资料了。在火狐里是没问题的

 

3、document.getElementById 返回的是一个对象,所以没有length等属性

分享到:
评论
1 楼 echorenyuan 2009-06-22  
其实个人觉得还有很多需要注意的

相关推荐

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

    1. 使用`apply`方法改变`getElementById`的执行上下文,确保`this`指向`document`: ```javascript // 修复document.getElementById document.getElementById = (function(fn){ return function(){ return fn...

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

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

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

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

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

    在JavaScript编程中,获取页面中特定元素的方法之一是使用`document.getElementById`。这是原生JavaScript提供的一个非常重要的API,它通过元素的ID来获取元素。然而,随着前端开发的进展和代码的演变,开发人员开始...

    JS中关于document.all的详解

    这段代码展示了如何使用 `document.all` 和 `getElementById` 修改元素的 `display` 属性。其中 `document.all` 方法仅在IE中有效。 ##### 示例3:全选功能实现 ```javascript function allselect() { var form = ...

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

    此外,值得注意的是,`document.getElementById`返回的是一个DOM元素对象,而不是一个数组或集合,即使页面中有多个同名的元素。如果需要获取一组元素,可以考虑使用`querySelectorAll`或`getElementsByClassName`等...

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

    如果条件为真,即 `id` 是一个字符串,那么使用 `document.getElementById(id)` 来获取HTML文档中ID属性与 `id` 相同的元素。这是DOM操作中常用的方法,用于查找页面上的特定元素。如果 `id` 不是字符串,三元运算符...

    JavaScript中也使用$美元符号来代替document.getElementById

    这个函数首先检查`document.getElementById`是否存在,如果存在则使用。如果不存在,它会尝试使用`document.all`(针对Internet Explorer 4)或`document.layers`(针对早期的Netscape Navigator)。如果这些都不...

    javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法 <font color=red>原创</font>

    IE8中JavaScript报错document.getElementById(...)为空或不是对象的解决方法知识点: 1. 针对IE8浏览器的兼容性问题,主要是由于IE8对文档类型的声明(DTD)变得更为严格。这导致在不正确的文档类型声明下,...

    javascript里的document.all用法

    在现代Web开发中,更推荐使用`document.getElementById()`, `document.getElementsByClassName()`, `document.getElementsByTagName()`或`document.querySelector()`等标准方法,这些方法在所有现代浏览器中都有良好...

    document.getElementById介绍

    开发者在编写跨浏览器的 JavaScript 代码时,需要注意这些差异,并可能需要使用像 jQuery 这样的库来处理兼容性问题。理解 `document.getElementById` 在不同环境下的行为,对于进行有效的前端开发至关重要。

    JS:document.all的用法

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

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

    在IE中,开发者可以利用`getElementsByName`来获取整个列表,但必须注意在FF中,必须使用正确的方法来访问这些元素,例如通过循环遍历DOM来寻找name属性匹配的元素。 总结起来,`document.getElementsByName`在IE和...

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

    在Web开发中,使用JavaScript进行DOM操作是一种非常常见的操作,其中使用最为频繁的莫过于`document.getElementById`方法。该方法用于根据元素的ID获取对应的DOM元素对象。然而,在实际开发过程中,我们经常会遇到`...

    一行代码告别document.getElementById

    在这个测试页面中,`mytag`元素的内容将在文档加载完成后被设置,展示了无需使用`document.getElementById`也能实现相同功能的示例。 总之,通过这种优化,开发者可以在所有主流浏览器中实现类似`getElementById`的...

    Document和Document.all区别分析

    此外,对于具有ID的元素,如 `&lt;div id="aa"&gt;`,我们通常使用 `document.getElementById("aa")` 来获取,但也可以通过 `document.all["aa"]` 或 `document.all.aa` 访问。不过,这种方法不推荐,因为它依赖于过时的IE...

    iframe局部刷新.txt

    虽然上述方法可以实现基本的局部刷新功能,但在实际应用中还有几点需要注意和改进的地方: 1. **用户体验**:点击选项卡后立即刷新`iframe`可能会让用户感到不自然,可以考虑加入一些过渡效果,比如淡入淡出动画。 ...

    JavaScript修改css样式style

    例如,`document.getElementById('myDiv').style.color = 'red'` 将改变 ID 为 'myDiv' 的元素的颜色为红色。 - 注意,这种方式只能处理内联样式,对已链接或内部定义的 CSS 不会生效,除非使用 `!important` 修饰...

    JS的document.all函数使用示例

    由于`document.all`并非标准的DOM方法,因此在现代浏览器中已不再推荐使用,而是倾向于使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等...

Global site tag (gtag.js) - Google Analytics