div 대신 tbody로 tabletr의 숨겨진 문제를 해결합니다

16314 단어 table
다음 요구 사항이 있습니다. 테이블 안의 몇 개의tr 디스플레이 문제를 제어해야 합니다.처음에 생각한 방법은 이 몇 개의tr 바깥에div를 끼워서 div의display:none 속성을 이용하여 해결하는 것이다.하지만div와tr가 끼워져 있는 것을 발견했을 때 문제가 있을 수 있습니다.예를 들어, html 페이지가 이러한 소스인 경우
Html 코드:
 1 <head>     

 2 </head>     

 3 <body>                         

 4 <table>     

 5 <div id="borrowAccountDiv_CJ" style="display:none;" mce_style="display:none;">     

 6 <tr>     

 7 <td></td>     

 8 </tr>     

 9 <tr>     

10 <td><input type="text" id="borrowAcount" name="borrowAcount" style="width:200px;" dataType="MoneyRequire" msg="         ,      !"onclick="this.select()"/><fontcolorfontcolor="#FF0000"> *</font></td>     

11 </tr>     

12 </div>     

13 </table>     

14 </body>   

15 <head>  

16 </head>  

17 <body>       

18 <table>  

19 <div id="borrowAccountDiv_CJ" style="display:none;" mce_style="display:none;">  

20 <tr>  

21 <td></td>  

22 </tr>  

23 <tr>  

24 <td><input type="text" id="borrowAcount" name="borrowAcount" style="width:200px;" dataType="MoneyRequire" msg="         ,      !"onclick="this.select()"/><fontcolorfontcolor="#FF0000"> *</font></td>  

25 </tr>  

26 </div>  

27 </table>  

28 </body>  

그러면 이 html 페이지를 열면 층이 표시됩니다.나중에야 사실div와tr의 상호 상감에 문제가 있다는 것을 발견하였다.그래서 tbody로 대신할 수 있어요.구현된 코드는 다음과 같습니다.
Html 코드:
 
 1 <head>     

 2 </head>     

 3 <body>                         

 4 <table>     

 5 <tbody id="borrowAccountDiv_CJ" style="display:none;" mce_style="display:none;">     

 6 <tr>     

 7 <td></td>     

 8 </tr>     

 9 <tr>     

10 <td><input type="text" id="borrowAcount" name="borrowAcount" style="width:200px;" dataType="MoneyRequire" msg="         ,      !"onclick="this.select()"/><fontcolorfontcolor="#FF0000"> *</font></td>     

11 </tr>     

12 </tbody>     

13 </table>     

14 </body>   

15 <head>  

16 </head>  

17 <body>       

18 <table>  

19 <tbody id="borrowAccountDiv_CJ" style="display:none;" mce_style="display:none;">  

20 <tr>  

21 <td></td>  

22 </tr>  

23 <tr>  

24 <td><input type="text" id="borrowAcount" name="borrowAcount" style="width:200px;" dataType="MoneyRequire" msg="         ,      !"onclick="this.select()"/><fontcolorfontcolor="#FF0000"> *</font></td>  

25 </tr>  

26 </tbody>  

27 </table>  

28 </body>  

에서

좋은 웹페이지 즐겨찾기