`

document.getElementById 与 document.all区别?

    博客分类:
  • js
 
阅读更多
document.all 是微软的东西,只被IE支持

document.getElementById 是公共标准,被目前的所有主流浏览器支持

document.getElementById ,document.all,在IE和Firefox下区别

IE下用 document.getElementById document.all都是可以的

但在Firefox下只能用document.getElementById,另外 innerText innerHTML 可以在IE下通过
但innerText在Firefox下是不起作用的 测试 发现

document.all是IE下面的document属下的所有元素的集合
可以通过document.all.length来看到document下面的元素数量
document.all(index)后面的index参数是一个集合方法

如果index是string那么可以获得document下面具有id或name为index的元素如果只有一个的元素话返回这个元素如果有多个元素id或name是index的话就返回一个集合如果没有的话就返回null
这样并不好因为当你不知道有多少个id或name是index的元素时就比较容易出错.
如果index是数字的话 那么会返回以0为基础的文档中第index个元素. 元素的文档序列可以通过Element.sourceIndex来获取

document.getElementById(name) 只返回第一个具有id或name为name的元素所以不是null就是一个元素 而不会返回集合这样就大大减少了错误发生的可能性

如果需要返回一个id或name为name的元素集合的话就要用 document.getElementsByName(name)来获取

另外document.all只有IE支持 其他浏览器并不支持而document.getElementById 和document.getElementsByName是任何浏览器都支持的

document.getElementById
返回 ID 属性值与指定值相同的第一个对象,如果 ID 属于一个集合,getElementById 方法返回集合中的第一个对象。

document.all
如果 ID 属于一个集合,document.all返回一个集合。而且只支持IE。

所以在使用IE的前提下,document.all(index)要生效需要保证index是唯一的

所以如果你想让你写的js脚本在目前的大多浏览器中使用,需要使用[公共标准] 标准的Javascript

document.getElementById 与 document.getElementsByName 的区别:

id是唯一的

name 可以有重复
分享到:
评论

相关推荐

    JS中关于document.all的详解

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

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

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

    javascript里的document.all用法

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

    JS:document.all的用法

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

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

    代码如下:function $(id){return document.getElementById(id); 上面的对于新版本的浏览器都是没有问题的,如果使用古老的浏览器,可以使用下面的函数 ... } else if (document.all && document.all(objectId)) { //

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

    在HTML文档对象模型(DOM)中,有三种主要方法用于查找HTML元素:`document.all`,`getElementById()`,`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景,理解它们的区别对于编写...

    document.all Firefox不支持

    现代浏览器如Firefox、Chrome、Safari以及Edge等都遵循W3C的标准,推荐使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等方法来选取和...

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

    例如,可以创建一个名为`_$(id)`或`$(id)`的函数,其作用与`document.getElementById(id)`相同。这样做可以在书写时减少字符的输入,并且避免在输入时发生错误。 在某些情况中,推荐使用`prototype`来定义一个方法...

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

    本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合,它包含了HTML文档中所有的元素,...

    document.getElementBy(id)与$(#id)有什么区别

    } else if (document.all && document.all(objectId)) { return document.all(objectId); // MSIE 4 DOM } else if (document.layers && document.layers[objectId]) { return document.layers[objectId]; // NN...

    document.all与WEB标准

    【文档.all与Web标准】 在Web开发领域,Web标准是一个重要的概念,旨在确保网页在不同浏览器间的一致性和兼容性。然而,`document.all`是一个不符合这些标准的特性,它是微软在Internet Explorer(IE)中引入的一个...

    Document和Document.all区别分析

    总结来说,`Document` 和 `Document.all` 的主要区别在于,`Document` 是现代Web开发的标准接口,提供了更安全、更高效的方法来访问和操作文档元素,而 `Document.all` 是一个遗留的属性,主要用于兼容旧版本的...

    JS的document.all函数使用示例

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

    document.all的一个比较完整的总结及案例

    由于`document.all`是IE特有的,因此在现代Web开发中已经不再推荐使用,而是倾向于使用标准的DOM接口,如`getElementById`、`getElementsByClassName`和`querySelectorAll`等。 ### 1. `document.all`集合 `...

    解决 firefox 不支持 document.all的方法

    解决 Firefox 不支持 document.all 的方法 在 Web 开发中,我们经常会遇到浏览器的兼容性问题,其中一个常见的问题就是 Firefox 不支持 document.all 对象。document.all 是一个遗留的对象,早期的 IE 浏览器支持它...

    javascript弹出带文字信息的提示框效果_.docx

    var lixlpixel_tooltip = document.getElementById('tooltip'); lixlpixel_tooltip.style.left = (mousex + pagex + offsetx) + 'px'; lixlpixel_tooltip.style.top = (mousey + pagey + offsety) + 'px'; } } ...

    ajax实现标签导航

    – function getObject(objectId) { if(document.getElementById && document.getElementById(objectId)) { // W3C DOM return document.getElementById(objectId); } else if (document.all && ...

Global site tag (gtag.js) - Google Analytics