动态改变input标记类型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function ChangeInputType(inputType){
    
var oldControl = document.getElementById("testControl");
    
var controlParent = oldControl.parentNode;
    
var newControl = document.createElement("input");
    newControl.setAttribute(
"type",inputType);
    controlParent.appendChild(newControl);
    controlParent.removeChild(oldControl);
}

</script>
</head>
<body>
    
<input type="button"  value="changeType" onclick="ChangeInputType('file');" />
    
<div>
        
<input type="text" id="testControl" />
    
</div>
</div>
</body>
</html>
posted @ 2008-03-03 13:04  天际翔龙  阅读(741)  评论(0编辑  收藏  举报