Prototype.js 이용한 table 꾸미기
이미 알만한 분들은 다 안다는 prototype이다. 이미 prototype을 이용한 라이브러리들이 많은데 정리차원에서 간단한 예제하나 올려본다. [code html] <html> <head> <script src="prototype-1.6.0.3.js"></script> <style> .f1{ border: 1px solid; } . odd { background-color: #EEE; } </style> </head> <body> <table class="f1"> <tr> <td>hello</td> <td>hi</td> </tr> <tr> <td>hellor2</td> <td>hir22</td> </tr> <tr> <td>hello</td> <td>hi</td> </tr> <tr> <td>hello</td> <td>hi</td> </tr> </table> </body> <script> $$('tr:nth-child(odd)').each(function(r){ r.className = "odd" }); </script> </html> [/code] 본인이 생각하기 짧고 굻은 예제라 믿는다. prototype의 $$을 사용해 CSS3 셀렉터로 홀수행의 tr에 odd 스타일 클래스를 지정해준다. 단 한줄로 테이블 홀수행을