マウスがテーブルの上を通過したときに色の変更を実現する js メソッド rows_javascript スキル

この記事の例では、js を使用して、マウスがテーブルの行の上を通過したときにその行の色を変更する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

<script type=text/javascript>
<!--
(function(){
 var rows = document.getElementById("listdata");
 var add = function(){
 this.style.backgroundColor="#f3f3f1";
 };
 var del = function(){
 this.style.backgroundColor="#fff";
 };
 for(var m=rows.firstChild;m!=null;m=m.nextSibling){
 m.onmouseover = add;
 m.onmouseout = del;
 }
})();
-->
</script>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。