Question

我试图通过更改其类来更改<span>的样式。我正在评估其文本值，并希望它将className更改为＆＃39; red＆＃39;如果它小于97.7，或者是绿色＆＃39;如果它是其他任何东西。我正在评估所有<span>课程＆＃34; qadata＆＃34;。

function changeColor() {

var cells = document.getElementsByTagName('span').getElementsByClassName('qadata');

for (var i=0, len=cells.length; i<len; i++) {
    if (parseFloat(cells[i].innerHTML) < 97.7){
        cells[i].className = 'red';
    }
    else {
        cells[i].className = 'green';
    }
}

}

我试图在以下HTML表格中执行此操作：

<table datasrc='#QA' class="qa">

  <thead>
    <tr>
      <th>Period</th>
      <th>Safety</th>
      <th>Quality</th>
      <th>Shipping</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td class="leftcolumn"><span datafld='Period' width=100%></span></td>
      <td><span datafld='Safety' width=100% class="safety"></span></td>
      <td><span datafld='Quality' width=100% class="qadata"></span></td>
      <td><span datafld='Shipping' width=100% class="qadata"></span></td>
    </tr>
  </tbody>

</table>

在调用changeColor（）之前，使用另一个函数填充数据。这是一个企业内部网站点，所以我目前使用的是ie8或ie10。在这种情况下，JavaScript比jQuery更可取。

我多年来一直在做HTML和CSS，但直到最近才开始使用JavaScript。我试过搜索但是没有找到一个可以使用的方法。

Answer 1

我创建了一个似乎有用的jsfiddle。我刚用过：

   document.querySelectorAll('span.qadata')

它使用类qadata更改跨度的类名。 http://jsfiddle.net/mYUjL/

通过评估innerHTML来改变类

1 个答案: