테이블 컬럼 스타일을 쉽게 제어하는 ​​JavaScript 스크립트 코드_javascript 기술

<table border="1" id="tab"> <tr> <td>第一列</td> <td>第二列</td> <td>第3列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第3列</td> </tr> </table>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]<script> var obj=document.getElementById("tab").getElementsByTagName("TD") var n=3;//列数 for (var i=0;i<obj.length;i++){ obj[i].className="name"+(i%n+1);alert(obj[i].className) } </script>