添加类自动化

我需要将类添加到动态创建的范围标记中,以便可以在一段时间内突出显示它,然后需要将其从此范围中删除并将类添加到其他范围标记中.简而言之,您可以根据每个span标记上的时间继续添加类和删除类.
示例:

选择 | 换行 | 行号
  1. <span>some text1</span><span>some text2</span><span>some text3</span>

像这样,我希望首先突出显示Text1,几秒钟后,第二个应该突出显示,依此类推.
提前谢谢你
阿南德·库马尔·辛格

# 回答1


你都试了些什么?
# 回答2


一个简单的开始如下所示:

选择 | 换行 | 行号
  1. <html>
  2.     <style type="text/css">
  3.         .hl {
  4.             color: red;
  5.         }
  6.     </style>
  7.     <script type="text/javascript">
  8.         function highlightNodes() {
  9.             var nodeBase = document.getElementsByTagName('SPAN');
  10.             var curNode = -1;
  11.  
  12.             for (var i = 0, n; n = nodeBase[i]; i++) {
  13.                 if (n.className == 'hl') {
  14.                     curNode = i;
  15.                     n.className = '';
  16.  
  17.                     if (curNode == nodeBase.length - 1) {
  18.                         curNode = -1;
  19.                     }
  20.                 }
  21.             }
  22.  
  23.             nodeBase[curNode + 1].className = 'hl';
  24.         }
  25.     </script>
  26.     <body onload="window.setInterval(highlightNodes, 1000);">
  27.         <span>some text1</span>
  28.         <span>some text2</span>
  29.         <span>some text3</span>
  30.     </body>
  31. </html>
  32.  

检查它,试着理解它,并根据你的需要进行调整.然后带着更具体的问题回来.

标签: Javascript

添加新评论