怎样取div控件里的text控件的id值

<head>
    <title>Untitled Page</title>
    <style type="text/css">
        #fcpagesub
        {
            height: 170px;
            width: 390px;
            margin-bottom: 0px;
        }
        #tab1
        {
            width: 396px;
        }
        #Checkbox1
        {
            height: 28px;
        }
    </style>
</head>
<body>
    <p>
<input type=text name=text value= "" style="width: 400px" /></p>
&nbsp;<DIV id=tab1>
<DIV  id=fcpagesub  >
<input type=text name=text1 value= "控件id" size="20" style="height: 20px; width: 127px;" />
<input type=text name=text2 value= "" style="height: 20px" size="20" /><br>
<input type=text name=text3 value= "控件默认值" size="20" style="height: 20px" />
<input type=text name=text4 value= "" size="20" style="height: 20px" />&nbsp;<br>
<input type=text name=text3 value= "控件背景色" size="20" style="height: 20px" />
<input type=text name=text4 value= "" size="20" style="height: 20px" /><br />
 <input id="Checkbox1" type="checkbox"  value="上边线"/><br />
 <input id="Checkbox2" type="checkbox"  value"下边线"/><br />
 <input id="Checkbox3" type="checkbox" value="左边线" /><br />
 <input id="Checkbox4" type="checkbox" value="右边线" />
 </DIV></body>
</html>

解决方案 »

  1.   

    var obj=getElementsByTagName("input");
    for(var i=0;i<obj.length;i++)
    {
      if(obj[i].type=="checkbox")
    {
       alert(obj[i].id);
    }
    }
      

  2.   


    <div id="fcpagesub">
            <input type="text" name="text1" value="控件id" size="20" style="height: 20px; width: 127px;" />
            <input type="text" name="text2" value="" style="height: 20px" size="20" />
            <br>
            <input type="text" name="text3" value="控件默认值" size="20" style="height: 20px" />
            <input type="text" name="text4" value="" size="20" style="height: 20px" />&nbsp;
            <br>
            <input type="text" name="text3" value="控件背景色" size="20" style="height: 20px" />
            <input type="text" name="text4" value="" size="20" style="height: 20px" />
            <br />
            <input id="Checkbox1" type="checkbox" value="上边线" />
            <br />
            <input id="Checkbox2" type="checkbox" value="下边线" />
            <br />
            <input id="Checkbox3" type="checkbox" value="左边线" />
            <br />
            <input id="Checkbox4" type="checkbox" value="右边线" />
        </div>
        <script type="text/javascript">
            var inputs = document.getElementById("fcpagesub").getElementsByTagName("input");
            for (var i = 0, len = inputs.length; i < len; i++) {
                alert(inputs[i].id);
            }
        </script>