现在的位置: 首页 > 综合 > 正文

textarea高度的增加和减小控制

2018年04月15日 ⁄ 综合 ⁄ 共 784字 ⁄ 字号 评论关闭
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <title> 增加减小textarea的高度 </title>  
  5. <meta name="generator" content="editplus" />  
  6. <script language="Javascript">  
  7. <!--   
  8.   
  9. function resizeEditor(change) {   
  10.     var newheight = parseInt(document.getElementById('code').style.height, 10) + change;   
  11.     if(newheight >= 100) {   
  12.         document.getElementById('code').style.height = newheight + 'px';   
  13.     }   
  14. }   
  15. //-->  
  16. </script>  
  17.   
  18. </head>  
  19.   
  20. <body>  
  21. <textarea id="code" style="width:99%;height:100px;"></textarea>  
  22. <input type="button" value=" + " onclick="resizeEditor(100)" />  
  23. <input type="button" value=" - " onclick="resizeEditor(-100)" />  
  24. </body>  
  25. </html>  

抱歉!评论已关闭.