JavaScript関数にOnclickは交換してください、私はそれが非表示のボタンでより多くのボタンを置き換え、より上のデフォルトのdivのサイズとクリックを設定するには、非表示ボタンを追加したい

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>