【问题标题】:How to write Javascript to change CSS of even rows [closed]如何编写 Javascript 来更改偶数行的 CSS [关闭]
【发布时间】:2013-09-26 20:23:39
【问题描述】:

我想使用 Javascript 突出显示/更改所有偶数​​行 gridview 的 CSS。 怎么可能?

(它只通过 JavaScript 而不是 jQuery 或网格主题)

【问题讨论】:

    标签: javascript gridview


    【解决方案1】:

    一些 CSS 怎么样:

    tr:nth-child(even) {background: red}
    

    【讨论】:

    • css的变化是动态的。不想静态应用 css。你的 css 很好,但是,我需要使用 javascrpt 为 gridview 行更改它。
    • 您可以创建一个具有这种样式的类,然后根据需要将其应用并删除到网格中,这样浏览器的工作量应该会减少很多。
    • 当我创建类为 - .gridTR { tr:nth-child(even) {background: red} } 然后它显示语法错误..这里有什么问题..
    • 任何人都可以将这个css作为一个类,所以它可以专门应用于一个控件而不是页面中的所有tr。 ??
    【解决方案2】:

    你可以计算行数,如果当前行(计数器)能被 2 整除,那么它是偶数,那就是你添加 css 的时候。

    否则,请在样式表上使用 CSS 选择器。 "tr:nth-child(偶数)"

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-08-19
      • 1970-01-01
      • 2011-08-31
      • 2016-11-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-03-06
      相关资源
      最近更新 更多