JavaScript函數的onclick改變DIV HIGHT並添加隱藏按鈕更換更按鈕

Question

我想添加一個隱藏按鈕來設置DIV的默認大小，當點擊它越替換多個按鈕，隱藏按鈕

<script type="text/javascript" language="javascript"> 
    function resizeDiv(id) { 
     var obj = document.getElementById(id); 
     if (obj) { 
      obj.setAttribute("style", "height:600px;"); 


     } 
    } 
</script> 



<button style="margin:10px;" onclick="javascript:resizeDiv('ss'); 
">More</button> 

Answer 1

事情是這樣的：

<button style="margin:10px;" onclick="javascript:resizeDiv('ss');if (this.innerHTML == 'More') {this.innerHTML = 'Hide'} else {this.innerHTML = 'Hide'}">More</button> 

Answer 2

你可能意味着這個

<style type="text/css"> 
#ss { display:none } 
</style>  
<script type="text/javascript"> 
window.onload=function() { 
    document.getElementById("butss").onclick=function() { 
    var obj = document.getElementById(this.id.replace("but","")); 
    if (obj) { 
     var on = this.innerHTML=="More"; 
     obj.style.display=(on)?"block":"none"; // or obj.style.height=(on)?"600px":"0"; 
     this.innerHTML=(on)?"Less":"More"; 
    } 
    } 
}  
</script> 



<button style="margin:10px;" id="butss">More</button> 
<div id="ss">Hello</div>