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>

原文地址:https://www.cnblogs.com/yan2007/p/1163513.html