javascript清空一个div中所有控件的值

javascript清空一个div中所有textbox控件的值,比如TextBox元本框

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

那WEB控件可行。如果行给个代码？
<htm>
<head>
<title>Test Clear Div's Input</title>
</head>
<script language="javascript">
function clearDiv()
{
var obj;
for(i = 0; i < div1.children.length; i++){
obj = div1.children[i];
if( obj.type =="text"){
obj.value = "";
}
}
}
</script>
<body>
<div id="div1">
<input type="button" value="btn1">
<input type="text" id="text1" value="text1">
<input type="button" value="btn2">
<input type="text" id="text2" value="text2">
<input type="text" id="text3" value="text3">
<input type="text" id="text4" value="text4">
<input type="text" id="text5" value="text5">
<input type="text" id="text6" value="text6">

</div>
<br/>
<input type="button" value="clear" onclick="clearDiv()"></body>
<html>
楼上的思路是这样，但请允许我在此插个题外话，如果有以下这种可能。
var doClear=function(){
   var parent=$("inputLayer");
   if(parent) var inputs=parent.childNodes;
   for(var iLen=inputs.length,i=0;i<iLen;i++){
      //JS中几乎任何对象都可以扩展其属性，方法或事件...
      if(inputs[i].tagName=="INPUT" && inputs[i].type=="text"){
         inputs[i].value="";
      }
   }
}
var $=function(id){
   if(id && typeof id=="string"){
      return document.getElementById(id);
   }
}
<div id="inputLayer">
   <input type="text" value="1sf" />
   <input type="text" value="abccdd" />
   <input type="text" value="1234" />
   <input type="text" value="i hello" />
   <input value="abc" />
   <div type="text">i am a div</div>
</div>
<div>
   <input type="button" value="清空所有文本框内容" onclick="doClear()" />
</div>我仅仅是提供这样一种思路。夜深了，晚安。
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
  var specDiv = "testDiv";
  $(document).ready(function(){
    $("textarea", $("div#"+specDiv)).val('');
  });
</script><div id="otherDiv">
  <textarea>value1</textarea>
</div>
<div id="otherDiv2">
  <div id="otherDiv3">
     <textarea>value3</textarea>
  </div>
  <div id="testDiv">
     <textarea>valuetest</textarea>
       <div id="otherDiv4">
          <textarea>value4</textarea>
       </div>
   </div>
</div>
script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"> </script>
<script type="text/javascript">
  var specDiv = "testDiv";
  $(document).ready(function(){
    $("textarea", $("div#"+specDiv)).val('');
  });
</script> <div id="otherDiv">
  <textarea>value1 </textarea>
</div>
<div id="otherDiv2">
  <div id="otherDiv3">
    <textarea>value3 </textarea>
  </div>
  <div id="testDiv">
    <textarea>valuetest </textarea>
      <div id="otherDiv4">
          <textarea>value4 </textarea>
      </div>
  </div>
</div>
3楼的在FF上就挂了<html>
<head>
<title>Test Clear Div's Input </title>
<script type="text/javascript"> function $(id)
{
    return document.getElementById(id);
}function clearDiv()
{
    var nodes = $('div1').childNodes;    for(var i = 0 ; i < nodes.length ; i++)
    {
        if(nodes[i].type == 'text')
        {
            nodes[i].value = '';
        }
    }
}
</script>
</head>
<body>
<div id="div1">
<input type="button" value="btn1">
<input type="text" id="text1" value="text1">
<input type="button" value="btn2">
<input type="text" id="text2" value="text2">
<input type="text" id="text3" value="text3">
<input type="text" id="text4" value="text4">
<input type="text" id="text5" value="text5">
<input type="text" id="text6" value="text6"> </div>
<br/>
<input type="button" value="clear" onclick="clearDiv()"> <div id="showObject">

</div></body>
</html>
这样速度快还是  一个一个TXT控件
document.getElementById(id).value="";
快呢？
<form.............
..............
</form>form.reset()
if(inputs[i].tagName=="INPUT" && inputs[i].type=="text"){
   里面赋值就行}
建议使用getElemenysByTagName的方式取代Children的方式，可以实现任意深度的遍历