zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    如何隔離物件之間的相依性
    Replace Temp with Query
    Replace conditional with Polymorphism
    Switch to strategy
    Microsoft Visual Studio 插件
    Windows Phone 8 开发系列(持续更新中)
    Windows Phone 如何振动手机?
    Windows Phone 如何在程序中播放提示声音?
    实现一个纵向排列的 ListBox ,并具有操作按钮
    多个 App 间启动
  • 原文地址:https://www.cnblogs.com/yan2007/p/1163513.html
Copyright © 2011-2022 走看看