Java笔试题:表格显示n条记录,每3行循环变色。
版权申诉
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行换一次颜色的效果。这对于网页展示来说会使得页面更加美观,也对于开发者在页面设计方面提供了一个很好的思路。
2019-09-24 上传
2022-06-10 上传
2023-08-04 上传
2009-10-23 上传
2008-05-03 上传
2010-04-06 上传
悠闲饭团
- 粉丝: 195
- 资源: 3401
最新资源
- 平尾装配工作平台运输支撑系统设计与应用
- MAX-MIN Ant System:用MATLAB解决旅行商问题
- Flutter状态管理新秀:sealed_flutter_bloc包整合seal_unions
- Pong²开源游戏:双人对战图形化的经典竞技体验
- jQuery spriteAnimator插件:创建精灵动画的利器
- 广播媒体对象传输方法与设备的技术分析
- MATLAB HDF5数据提取工具:深层结构化数据处理
- 适用于arm64的Valgrind交叉编译包发布
- 基于canvas和Java后端的小程序“飞翔的小鸟”完整示例
- 全面升级STM32F7 Discovery LCD BSP驱动程序
- React Router v4 入门教程与示例代码解析
- 下载OpenCV各版本安装包,全面覆盖2.4至4.5
- 手写笔画分割技术的新突破:智能分割方法与装置
- 基于Koplowitz & Bruckstein算法的MATLAB周长估计方法
- Modbus4j-3.0.3版本免费下载指南
- PoqetPresenter:Sharp Zaurus上的开源OpenOffice演示查看器