document 和 document.all 分别什么时候用

 更新时间:2006年06月22日 00:00:00   作者:  
 
<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>之后哦。

相关文章

  • webpack安装配置及使用教程详解

    webpack安装配置及使用教程详解

    这篇文章主要为大家介绍了webpack的安装配置及使用的教程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • ResizeObserver 监视 DOM大小变化示例详解

    ResizeObserver 监视 DOM大小变化示例详解

    这篇文章主要为大家介绍了ResizeObserver 监视 DOM大小变化示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 微信小程序 自己制作小组件实例详解

    微信小程序 自己制作小组件实例详解

    这篇文章主要介绍了微信小程序 自己制作小组件实例详解的相关资料,自己制作小组件在项目中应用,需要的朋友可以参考下
    2016-12-12
  • 用 或 || 来兼容FireFox

    用 或 || 来兼容FireFox

    用 或 || 来兼容FireFox...
    2006-06-06
  • JS的深浅复制详细

    JS的深浅复制详细

    这篇文章主要介绍JS的深浅复制,之所以会出现深浅拷贝的问题,实质上是由于JS对基本类型和引用类型的处理不同。下面感兴趣的小伙伴请跟小编一起来学习吧
    2021-10-10
  • 微信小程序返回多级页面的实现方法

    微信小程序返回多级页面的实现方法

    这篇文章主要介绍了微信小程序返回多级页面的实现方法的相关资料,希望通过本文能帮助到大家,让大家实现这样的功能,需要的朋友可以参考下
    2017-10-10
  • pnpm对npm及yarn降维打击详解

    pnpm对npm及yarn降维打击详解

    这篇文章主要为大家介绍了pnpm对npm及yarn降维打击原因详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 定时器在页面最小化时不执行实现示例

    定时器在页面最小化时不执行实现示例

    这篇文章主要为大家介绍了定时器在页面最小化时不执行的实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • autojs绘画实现六边形示例详解

    autojs绘画实现六边形示例详解

    这篇文章主要为大家介绍了autojs绘画实现六边形示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 微信小程序 欢迎页面的制作(源码下载)

    微信小程序 欢迎页面的制作(源码下载)

    这篇文章主要介绍了微信小程序 欢迎页面的制作含(源码下载)的相关资料,这里实现欢迎页面,开始做应用的时候都会用到,需要的朋友可以参考下
    2017-01-01

最新评论