js_javascript スキルを使用してフォームの奇数行と偶数行のスタイルを制御する簡単な方法

1. JQuery を使用する場合は、JQuery

のコードを直接コピーできます。コードは次のとおりです。 🎜>

$( "tr:​​odd").addClass("clazzName");

$("tr:even").addClass("clazzName");


2純粋な JS を使用している場合

1. 最初に table タグを取得します。var table = document.getElementById()
2. 次に、var tbody = table.getElementsByTagName("tbody")[0] 内の tbody タグを取得します。 ]
3. もう一度取得します tr tag var trs = tbody.getElementsByTagName("tr")
4. 次に反復します trs

コードをコピー コードは次のとおりです:

for(var i=0; i

if(i%2==0){
trs[i]。 style.backgroundColor="red";
} else{
trs[i].style.backgroundColor="blue";
}
}


必須ですtbodyタグを取得するために、あなたが書いていないのに、ブラウザのテーブルをコンパイルすると、すべてのtrタグがtbodyに自動的に追加されます。