Java笔试题:表格显示n条记录,每3行循环变色。

版权申诉
0 下载量 148 浏览量 更新于2024-03-09 收藏 221KB DOC 举报
对于这道java笔试题,我们需要用table来显示n条记录,并且要求每3行换一次颜色。具体来说,1,2,3行要用红色字体显示,4,5,6行用绿色字体显示,7,8,9行用红色字体显示。下面是实现这个需求的代码: ```javascript <body> <table id="tbl"> <tr><td>1</td></tr> <tr><td>2</td></tr> <tr><td>3</td></tr> <tr><td>4</td></tr> <tr><td>5</td></tr> <tr><td>6</td></tr> <tr><td>7</td></tr> <tr><td>8</td></tr> <tr><td>9</td></tr> <tr><td>10</td></tr> </table> </body> <script type="text/javascript"> window.onload = function() { var tbl = document.getElementById("tbl"); rows = tbl.getElementsByTagName("tr"); for (i=0; i<rows.length; i++) { var j = parseInt(i/3); if (j%2 == 0) { rows[i].style.color = "red"; } else { rows[i].style.color = "green"; } } } </script> ``` 以上代码首先使用了HTML来创建了一个table,并在其中插入了10行记录。接着使用了JavaScript来实现了按照要求每3行换一次颜色的效果。通过获取table的所有行,然后利用循环和取余的方式来判断当前是应该使用红色字体还是绿色字体。 这样,我们就实现了按照要求显示n条记录,并且每3行换一次颜色的效果。这对于网页展示来说会使得页面更加美观,也对于开发者在页面设计方面提供了一个很好的思路。