欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Js&Ajax > JS的document 、document.all用法区别

JS的document 、document.all用法区别

2018-06-25 586 收藏 0 赞一个 0 真差劲 0 去评论

JavaScript中document 和document.all对象,可能对于JS新手来说,总是会用错,若知道错了固然很容易改正,问题一般出错的时候我们都不知道是自己用错的对象,而把排错的重点放在其它地方了。为了区别二者的用法,我们先来看一个示例,比较一下哪些时候该用document,哪些时候要用document.all。

<body>
<div id="aa">635896</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

来引用。

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论