<html>
<head></head>
<body>
                  <div id="showaskbox">
                        <h3>请提出您的问题,我们为您解答!</h3>
                        <p>
                            <textarea name="que_tit" cols="70" rows="3" style="overflow:hidden;" scroll="">问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容</textarea><b style="color:#999">您还可以输入<font style="color:#06F; font-weight:bold; font-size:16px; ">10</font>个字</b>
                        </p>
                        <p style="height:20px; width:100%; background:#CCC;">问题补充</p>
                        <div style="" name="que_Supplements" onclick="open_Supplements()">
                          <textarea name="que_tit" cols="70" rows="3" style="overflow:hidden;" scroll="">问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容</textarea><b style="color:#999">您还可以输入<font style="color:#06F; font-weight:bold; font-size:16px; ">10</font>个字</b>
                        </div>
</div> 
<script>
function open_Supplements(){
if(this.style.display == "none"){
document.getElementsByName('que_Supplements').style.display="block";
}else{
document.getElementsByName('que_Supplements').style.display="none";
}

}
</script>
</body>
</html>
怎么改一下就开了,最好还能让“问题补充”变成“收起问题补充”。谢谢

解决方案 »

  1.   

    function open_Supplements(){
        if(this.style.display == "none"){
            document.getElementsByName('que_Supplements')[0].style.display="block";        
        }else{
            document.getElementsByName('que_Supplements')[0].style.display="none";
        }    
        
    }
      

  2.   

    (this.style.display == "none")
    感觉你没有设定哪个div所有没有目标焦点(this.style.display == "none")this.style.display=document.getElementsByName('que_Supplements')问题补充外面可以放一个div<div id="">问题补充<div>然后修改div的值就可以了
      

  3.   

    <html>
    <head></head>
    <body>
        <div id="showaskbox">
          <h3>请提出您的问题,我们为您解答!</h3>
          <p>
              <textarea name="que_tit" cols="70" rows="3" style="overflow:hidden;" scroll="">问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容</textarea><b style="color:#999">您还可以输入<font style="color:#06F; font-weight:bold; font-size:16px; ">10</font>个字</b>
          </p>
          <span style="height:20px; width:100%; background:#CCC;">
          <span onclick="open_Supplements(this)" style="cursor:pointer; margin-left: 10px; margin-right: 3px">+</span><span id="msg">问题补充</span></span>
          <div id="txt" name="que_Supplements" style="display: none">
               <textarea name="que_tit" cols="70" rows="3" style="overflow:hidden;" scroll="">问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容问题内容</textarea><b style="color:#999">您还可以输入<font style="color:#06F; font-weight:bold; font-size:16px; ">10</font>个字</b>
          </div>
       </div> 
    <script>
    function open_Supplements(el){
        if (el.innerHTML == "-") {
         el.innerHTML = "+";
         document.getElementById("msg").innerHTML = "问题补充";
         document.getElementById("txt").style.display = "none";
        } else {
         el.innerHTML = "-";
         document.getElementById("msg").innerHTML = "收起问题补充";
         document.getElementById("txt").style.display = "block";
        }
        
    }
    </script>
    </body>
    </html>
      

  4.   

    div标签根本就没有name属性;所以通过getElementsByName()是得不到div的