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>

  • 相关阅读:
    ibatis常用sql
    在eclipse中部署maven项目的问题
    如何成为一个设计师和程序员混合型人才
    一个程序员的读书笔记:程序设计的反思
    C# 中的 == 和 equals()有什么区别?
    2014百度之星资格赛解题报告:能量变换
    2014百度之星资格赛解题报告:Xor Sum
    2014百度之星资格赛解题报告:Labyrinth
    那些年我们一起追过的ACM
    最新全球排名前50网站前端开发语言统计
  • 原文地址:https://www.cnblogs.com/yan2007/p/1163513.html
Copyright © 2011-2022 走看看