本帖最后由 朱京辉 于 2013-2-13 22:27 编辑
练习要求: 第一行是表头, 所以显示大字体(fontSize=30), 最后一行是汇总,所以显示红色字体. 正文的前三行是前三名, 所以显示大的字体(28) 表格的奇数行是黄色背景. DOM实现
代码如下:- <script type="text/javascript">
- function init() {
- var trs = document.getElementById("table1").getElementsByTagName("tr");
- trs[0].style.fontSize = "xx-large";//这里可以使字体变大
- for (var i = 1; i < 4; i++) {
- trs[i].style.fontSzie = "x-large"; //这里就不可以使字体变大
- }
- for (var j = 1; j < trs.length-1; j+=2) {
- trs[j].style.background = "Yellow";
- }
- trs[trs.length - 1].style.color = "red";
- }
- </script>
- <body onload="init()">
- <table id="table1">
- <tr><td>名字</td><td>成绩</td></tr>
- <tr><td>小明</td><td>100</td></tr>
- <tr><td>小白</td><td>99</td></tr>
- <tr><td>小李</td><td>98</td></tr>
- <tr><td>小丽</td><td>97</td></tr>
- <tr><td>小妮</td><td>96</td></tr>
- <tr><td>平均分</td><td>98</td></tr>
- </table>
- </body>
|
收藏
淘帖
踩
