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>