信息的隐藏和显示

最新推荐文章于 2020-08-20 09:15:40 发布

iteye_9400

最新推荐文章于 2020-08-20 09:15:40 发布

阅读量147

点赞数

分类专栏： javascript 文章标签： CSS JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/iteye_9400/article/details/81958701

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html>
<head>
  <title>
  评审信息的隐藏和显示
  </title>
  <link rel="stylesheet" href="common.css" type="text/css">
  <script language="javaScript">
  function hiddenMemo( str ){
   var image = "images/hidden_review.gif";
   var alt = "隐藏评审信息";
   if( document.getElementById( str ).style.display == 'inline' ){
      image = "images/view_review.gif";
      alt = "查看评审信息";
   }
   document.getElementById( 'show' ).src = image;
   document.getElementById( 'show' ).alt = alt;
   writeMemo( 'allMemo');
  }
  //让控件显示和隐藏
  function writeMemo( str ){
   if( document.getElementById( str ).style.display == 'none' ){
    document.getElementById( str ).style.display = 'inline';//原来隐藏现在显示
   }else{
    document.getElementById( str ).style.display = 'none';//原来显示现在隐藏
   }
  }
</script>
</head>
<body>
  <table>
   <tr style="padding-left:2px">
    <td class="font_size">
     <img src="images/hidden_review.gif" alt="隐藏评审信息" style="cursor:hand" onClick="hiddenMemo('allMemo')" id="show"/>
    </td>
   </tr>
   <tr style="padding-left:2px">
    <td class="font_size">
     <textarea name="memos" cols="100" rows="" id="allMemo" style="height:expression(this.style.posHeight=this.scrollHeight+2);overflow-y:hidden; border:none;display:inline" >
我可以被隐藏
     </textarea>
    </td>
   </tr>
  </table>
</body>
</html>