• document.all用法


    document.all是页面内所有元素的一个集合。例如:document.all(0)表示页面内第一个元素

    document.all可以判断浏览器是否是IE

    <script language="javascript">
    if(document.all)
    {
    	alert("IE");
    }
    </script>

    也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素

    代码①

    <input   name=aaa   value=aaa>  
    <input   id=bbb   value=bbb>   
    <script   language=Jscript>  
    alert(document.all.aaa.value);//根据name取value 
    alert(document.all.bbb.value);//根据id取   value
    </script>

    代码②

    错误:

    <input   name=aaa   value=a1>
    <input   name=aaa   value=a2>
    <input   id=bbb   value=bbb>
    <script language="javascript">  
    alert(document.all.aaa(0).value)     //显示a1  
    alert(document.all.aaa(1).value)     //显示a2  
    alert(document.all.bbb(0).value)     //这行代码会失败
    </script>
    

    正确:

    <input name=aaa value=a1>
    <input   name=aaa   value=a2>
    <input   id=bbb   value=bbb>
    <script language="javascript">  
    alert(document.all.aaa(0).value);//显示a1  
    alert(document.all.aaa(1).value);//显示a2  
    alert(document.all.bbb.value);
    </script> 
    

    代码③

    理论上一个页面中的id是互不相同的,如果出现不同tags有相同的id

    document.all.id就会失败,就象这样:

    <input id=aaa value=a1>  
    <input id=aaa value=a2>  
    <script language="javascript">  
    alert(document.all.aaa.value);//显示undefined而不是a1或者a2  
    </script>

    对于一个复杂的页面(代码很长,或者id是由程序自动产生)或着一个

    javascript初学者写的程序,很有可能出现两个tags有相同id的情况。

    为了编程的时候不出错,我推荐这样的写法:

    <input id=aaa value=aaa1>  
    <input name=aaa value=aaa2>  
    <input name=bbb value=bbb1>  
    <input id=bbb value=bbb2>  
    <input id=ccc value=ccc>  
    <input name=ddd value=ddd>  
    <script language="javascript">  
    alert(document.all.aaa[0].value);
    alert(document.all.aaa[1].value);
    alert(document.all.bbb[0].value);
    alert(document.all.bbb[1].value);
    alert(document.all.ccc.value);
    alert(document.all.ddd.value);
    </script>
    
  • 相关阅读:
    安卓逆向前置之JAVA学习
    @Controller VS @RestController @RequestBody VS @ResponseBody
    【ArangoDb踩坑】ArangoDb中的大数比较
    我的快排
    记录改造ffmpeg遇到的依赖库问题
    centos7 配置阿里yum源
    记录一个解决GLIBC_2.18 not found的问题
    js 格式化时间 供页面使用
    5G PDU session Establishment
    DPDK performance for USER application
  • 原文地址:https://www.cnblogs.com/laonanren/p/2971616.html
Copyright © 2020-2023  润新知