Table表格的序号自动增长

最新推荐文章于 2025-06-21 00:00:00 发布

lglbingpo

最新推荐文章于 2025-06-21 00:00:00 发布

阅读量9.6k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lglbingpo/article/details/49866779

本文介绍如何使用JavaScript创建动态表格，并通过条件判断为不同的行应用样式。具体步骤包括获取表格元素、遍历行和单元格、设置内容和样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方法: 通过js的形式生成

   window.onload = function() {
       var oTable = document.getElementById("bbsTab");
       for ( var i = 0; i < oTable.rows.length; i++) {
           oTable.rows[i].cells[0].innerHTML = (i + 1);
           if (i % 2 == 0)
               oTable.rows[i].className = "ys01";
       }
   }
</script>

第二种方法通过EL表达式来生成:

效果如下: