• JavaScript使用技巧三则


    1、动态设置<input type="text">的只读属性

    首先要获取指定文本框对象,利用document.all("名称")来获取,然后设置此对象的readOnly属性即可。请看下面示例:
    <html>
    <head>
    <title>动态设置只读属性</title>
    </head>
    <body>
       <input type="text" name="testInput" value="">
    </body>
    </html>
    <script language="Javascript">
       document.all("testInput").readOnly=true;
    </script>

    2、遍历页面指定控件

    我们可以利用document.getElementsByTagName方法来获取控件集合。然后逐个判断控件的类型并进行相应的操作。下面示例为遍历页面内的所有checkbox控件,输出选中checkbox的值:
    <html>
    <head>
    <title>遍历页面指定控件</title>
    </head>
    <body>
       <input type="checkbox" value="1" >
       <input type="checkbox" value="2" checked>
       <input type="checkbox" value="3" >
    </body>
    </html>
    <script language="Javascript">
       var inputs=document.getElementsByTagName("input");
       for(var i=0;i<inputs.length;i++){
        if(inputs[i].type=="checkbox"){
         if(inputs[i].checked){
          alert(inputs[i].value);
         }
        }
       }
    </script>

    3、建立DOM树

    通过建立MSXML2.DOMDocument对象来创建相应的DOM树。如下例所示:
    <html>
    <head>
    <title>创建DOM树</title>
    </head>
    <body>
       <script languange="Javascript">
        var ōDomTree=new ActiveXObject("MSXML2.DOMDocument");
        var parentNode=oDomTree.createElement("root");
        oDomTree.appendChild(parentNode);
        var nodeNode=oDomTree.createElement("node1");
        parentNode.appendChild(nodeNode);
        var attrNode=oDomTree.createAttribute("attr");
        attrNode.text="demo for the DomTree";
        nodeNode.attributes.setNamedItem(attrNode);
        alert(oDomTree.xml);
       </script>
    </body>
    </html>

  • 相关阅读:
    ehcache 使用
    android 换肤 apk
    ant 打不同渠道包
    strawberry perl
    rest 网络设计开发,降低复杂性设计方案
    android 进度条
    android 算定义布局xml
    ant 自动打包
    c# 调用cmd 输出 阻塞 解决
    web service2
  • 原文地址:https://www.cnblogs.com/yan2007/p/1163513.html
Copyright © 2020-2023  润新知