`

document 和 document.all的区别！

HTML 
阅读更多
<body>
<div id="aa">123456</div>
<input type="button" value="这里用 document 就出错" onclick="alert(document.aa.innerText);" />
<br />
<input type="button" value="这里用 document.all 就不出错" onclick="alert(document.all.aa.innerText);" />
</body> 运行以上代码.


如果与a,form对象，image对象，applet对象相对应的html标记中设定了name性质，它的值将被用作document对象的属性名，用来引用相应的对象，其他的对象则不可以。
另外,input等如果作为form的子元素,则直接用inputName或者document.inputName来引用此对象就是错误的,必须使用formName.inputName引用,否则就可以使用inputName来引用.
另外应该注意到有很多平时用的元素都没有name.
如果想引用一个有id的元素,只能用Id或者document.getElementById,document.all.id来引用
但是象这样的元素,所以象<a href="......" name="linkname" id="linkid">......</a>这样的
可以用
linkid.href;
linkname.href;
document.all.linkid.href;
document.all.linkname.href;
document.getElementById("linkid").href;
document.getElementsByName("linkname")[0].href来引用

all是一个集合，包含所有html对像的集合，写一个程式，可以存取到所有的对像。像这样：
<script language="javascript">
var obj="";
for(i=0;i<document.all.length;i++)
obj+=document.all[i].tagName+";";
alert(obj);
</script>
注意要把程式放到</html>之后哦。
分享到：
| iframe 之间以及与父窗体的函数调用、值传 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS中关于document.all的详解

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

    document.all[]详解

    尽管 `document.all[]` 已经不是现代 Web 开发的标准实践，但在学习 Web 历史或处理特定的老版本 Internet Explorer 项目时，了解 `document.all[]` 的功能和限制仍然非常重要。它提供了一种简洁的方式来访问文档中...

    javascript里的document.all用法

    虽然`document.all`提供了一种强大且简单的方法来访问和操作页面上的所有元素，但由于其有限的兼容性，现代Web开发中并不推荐过度依赖该属性。开发者应转向使用更为标准化和广泛支持的DOM操作方法，以确保代码的跨...

    JS：document.all的用法

    需要注意的是，当name相同且存在多个元素时，`document.all`将返回一个类似数组的对象，此时直接使用`document.all.aaa.value`会报错，因为`document.all.aaa`实际上是一个对象而非单个元素。 #### 案例2：处理重复...

    Document和Document.all区别分析

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

    document.all Firefox不支持

    在处理`document.all`问题时，开发者可能需要查看源代码以确定是否有对`document.all`的依赖，并使用像Firefox的开发者工具这样的现代调试工具来检查和修改代码，确保在不同浏览器下的正常运行。 对于压缩包内的...

    PDF转换器Ailt.PDF.to.All.Document.Converter.v5.4.zip

    总而言之，"PDF转换器Ailt.PDF.to.All.Document.Converter.v5.4"是一款便捷的工具，可以帮助用户解决PDF文件编辑和打印的难题，通过将其转换为各种可编辑的格式，提升工作效率。通过熟练掌握这类软件的使用，用户...

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

    当需要检测浏览器类型时，开发者通常会检查`document.layers`和`document.all`的存在，因为这是识别Netscape 4.x和IE早期版本的一个方法。然而，随着DOM标准的广泛采纳，这样的检测已经变得不再必要，现在的做法是...

    JS的document.all函数使用示例

    document.all可以判断浏览器是否是IE if(document.all){ alert&#40;“is IE!”&#41;; } 三. 也可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素 四. 案例： 代码1: 代码如下: &lt;input...

    document.all与WEB标准

    随着Web标准的推广，开发者开始转向W3C和ECMA标准，例如使用`document.getElementById`来代替`document.all`，因为前者在所有遵循Web标准的浏览器中都能正常工作。 使用`document.all`的例子： - 示例1展示了如何...

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

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

    再谈ie和firefox下的document.all属性

    其中，`document.all`属性就是一个典型的例子，它在IE和Firefox中的表现并不相同。 `document.all`属性是IE浏览器特有的，它返回一个包含文档中所有元素的集合，无论这些元素是否有ID或名称。这个集合类似于数组，...

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

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

    document_all用法

    document_all用法 原来没用过 现在了解了一点 分享一下

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

    document.all 是一个遗留的对象，早期的 IE 浏览器支持它，但是 Firefox 和其他浏览器并不支持它。 那么，如何解决 Firefox 不支持 document.all 的问题呢？一种简单的方法是使用 document.getElementsByTagName("*...

    document.execCommand()的用法

    虽然`document.execCommand()`提供了快速操作文档的功能，但其兼容性和安全性问题使其不再推荐用于现代Web应用的开发。对于需要复杂文本编辑功能的应用，建议使用成熟的富文本编辑器库，如Quill、CKEditor、TinyMCE...

    DOM对象中document.all显示全部html标记集合

    DOM对象中document.all显示全部html标记集合.为网页版，打开后，右击，显示源码ok

Magicbox
Global site tag (gtag.js) - Google Analytics