菜鸟问题 继续请教！

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style>
div{display:none;}  
/* 用到这条语句 会把 界面上所有的 text  都 设置为 不可见。
   我的界面是开始要隐藏下面三组 type="text"，
   而 id="form[D1]" id="form[D2]" ，id="form[D3]" 这三个 text要一直在界面上显示？？ 
*/
</style>
<body><input type="text" id="form[D1]" name="form[D1]" style="width:98%" value="<?=$FORM->formData['D1']?>">
<input type="text" id="form[D2]" name="form[D2]" style="width:98%" value="<?=$FORM->formData['D2']?>">
<input type="text" id="form[D3]" name="form[D3]" style="width:98%" value="<?=$FORM->formData['D3']?>">
<div>
    <input type="text" />
    <input type="text" />
</div>
<div>
    <input type="text" />
    <input type="text" />
</div>
<div>
    <input type="text" />
    <input type="text" />
</div>
<input type="button" value="click me" id="btn" />
<input type="button" value="yicang me" id="btn1"/><script type="text/javascript">
var divs = document.getElementsByTagName('div');
var divs2 = document.getElementsByTagName('div');
var count = 0;
var count2 = 0;
document.getElementById('btn').onclick = function(){
if(divs[count]){
   alert(count);
   divs[count].style.display = 'block';
   count++;
}
};
document.getElementById('btn1').onclick = function(){
if(divs2[count2]){
   divs2[count2].style.display = 'none';
   count2++;
}
};
</script>
</body>
</html><style>
div{display:none;} 
</style>
 用到这条语句 会把 界面上所有的 text  都 设置为 不可见。
   我的界面是开始要隐藏下面三组 type="text"，
   而 id="form[D1]" id="form[D2]" ，id="form[D3]" 这三个 text要一直在界面上显示？？ 

解决方案 »

  1.   

    你的样式是设置所有div为不可见，你那三个又不在div里面，他本来一直是可见的啊..
      

  2.   

    同楼上 你只是设置了<div>标签和标签内部的信息不可见 几个<input>并没有包裹在任何<div>标签里面=-=
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test</title>
    <style>
     
    /* 用到这条语句 会把 界面上所有的 text  都 设置为 不可见。
       我的界面是开始要隐藏下面三组 type="text"，
       而 id="form[D1]" id="form[D2]" ，id="form[D3]" 这三个 text要一直在界面上显示？？ 
    */
    </style>
    <body><input type="text" id="form[D1]" name="form[D1]" style="width:98%" value="<?=$FORM->formData['D1']?>">
    <input type="text" id="form[D2]" name="form[D2]" style="width:98%" value="<?=$FORM->formData['D2']?>">
    <input type="text" id="form[D3]" name="form[D3]" style="width:98%" value="<?=$FORM->formData['D3']?>">
    <div>
        <input type="text" />
        <input type="text" />
    </div>
    <div>
        <input type="text" />
        <input type="text" />
        <input type="button" value='button' />
    </div>
    <div>
        <input type="text" />
        <input type="text" />
        <input type="button" value='button' />
    </div>
    <input type="button" value="click me" id="btn" />
    <input type="button" value="yicang me" id="btn1"/><script type="text/javascript">
        var divs = document.getElementsByTagName('div');
        for (var i = 0; i < divs.length; i++) {
            var inputs = divs[i].getElementsByTagName('input');
            
            for (var x = 0; x < inputs.length; x++) {
                if (inputs[x].type == 'text') {
                    inputs[x].style.display = 'none';
                }
            }
        }
     </script>
    </body>
    </html>
      

  4.   

    楼主，你不能认真点吗？
    <input type="text" id="form[D1]" name="form[D1]" style="width:98%" value="<?=$FORM->formData['D1']?>">
    <input type="text" id="form[D2]" name="form[D2]" style="width:98%" value="<?=$FORM->formData['D2']?>">
    <input type="text" id="form[D3]" name="form[D3]" style="width:98%" value="<?=$FORM->formData['D3']?>">外层根本没有<div>!!!!
    而且建议<input>标签加上结束字符/
      

  5.   

    inputs[x].style.display = 'none';
      

  6.   

    唉 我想我有强迫症 一看见不规范html我就想骂娘
    尤其是这id定义的 实在是不伦不类
      

  7.   

    什么想法？？？绕弯子啊。。input怎么这么写，ID还这样写，不怕出毛病啊