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>