黑马程序员技术交流社区

标题: DOM编程,style的问题 [打印本页]
作者: 朱京辉    时间: 2013-2-13 19:37
标题: DOM编程,style的问题
本帖最后由 朱京辉 于 2013-2-13 22:27 编辑

练习要求: 第一行是表头, 所以显示大字体(fontSize=30), 最后一行是汇总,所以显示红色字体. 正文的前三行是前三名, 所以显示大的字体(28) 表格的奇数行是黄色背景.  DOM实现
代码如下:
  1. <script type="text/javascript">
  2.         function init() {
  3.             var trs = document.getElementById("table1").getElementsByTagName("tr");
  4.             trs[0].style.fontSize = "xx-large";//这里可以使字体变大
  5.             for (var i = 1; i < 4; i++) {
  6.                 trs[i].style.fontSzie = "x-large"; //这里就不可以使字体变大
  7.             }
  8.             for (var j = 1; j < trs.length-1; j+=2) {
  9.                 trs[j].style.background = "Yellow";
  10.             }
  11.             trs[trs.length - 1].style.color = "red";
  12.         }
  13.     </script>
复制代码
  1. <body onload="init()">
  2. <table id="table1">
  3. <tr><td>名字</td><td>成绩</td></tr>
  4. <tr><td>小明</td><td>100</td></tr>
  5. <tr><td>小白</td><td>99</td></tr>
  6. <tr><td>小李</td><td>98</td></tr>
  7. <tr><td>小丽</td><td>97</td></tr>
  8. <tr><td>小妮</td><td>96</td></tr>
  9. <tr><td>平均分</td><td>98</td></tr>
  10. </table>
  11. </body>
复制代码
在字体变大的设置中,除了些问题,for循环里面,字体大小不能设置,有没有人知道, 谢谢啊



作者: 王立    时间: 2013-2-13 21:24
fontSize  中的S为大写  ,js严格区分大小写

for (var i = 1; i < 4; i++) {
                trs[i].style.fontSize = "x-large"; //这里就不可以使字体变大
            }
作者: 朱京辉    时间: 2013-2-13 22:26
王立 发表于 2013-2-13 21:24
fontSize  中的S为大写  ,js严格区分大小写

for (var i = 1; i < 4; i++) {

谢谢,大小写是我改过,贴错了,我刚刚看到错误,fontSize打字达成fontSzie,这么低级错误,难为情啊!!



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2