java Html&JavaScript面试题:用table显…

2018-06-18 03:37:02来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>JavaScript
<body>
    <table id="tb">
        <tr>
            <td>111111111111111</td>
        </tr>
        <tr>
            <td>222222222222</td>
        </tr>
        <tr>
            <td>33333333333</td>
        </tr>
        <tr>
            <td>44444444444</td>
        </tr>
        <tr>
            <td>55555555555</td>
        </tr>
        <tr>
            <td>66666666</td>
        </tr>
        <tr>
            <td>7777777777</td>
        </tr>
        <tr>
            <td>8888888</td>
        </tr>
        <tr>
            <td>9999999999</td>
        </tr>
        <tr>
            <td>101010101010</td>
        </tr>
    </table>
</body>
<script type="text/javascript">
    window.onload=function()
          {
                  var tb =document.getElementById("tb");
                  var rows =tb.getElementsByTagName("tr");
                  for(i=0;i<rows.length;i++)
                  {
                          var j = parseInt(i/3);//用了自带函数parseInt解析成整数
                          alert(i/3);//不解析的值
                          if(j%2==0){
                              rows[i].style.backgroundColor="#f00";//背景红色
                              rows[i].style.color="#fff";          //字体白色
                          }else{
                              rows[i].style.backgroundColor="#0f0";//绿色
                              rows[i].style.color="#00f";          //蓝色
                          } 
                  }
          }
</script>
</html>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Java GC机制

下一篇:自己动手搭建一个简易的SpringBoot环境