标签香草javascript

Question

我有一个小问题，我无法从'块'组中删除选定的类。当我点击每个选项卡X时，它应该清除任何“块”元素上的“选定”类，然后应用“选定”类到已单击的选项卡的父节点。

我不断收到错误，“Uncaught TypeError：Can not call method'remove'of undefined”。下面是的jsfiddle http://jsfiddle.net/kas187/r4HLd/1/

Answer 1

尝试一个例子：

window.addEventListener('DOMContentLoaded', function() { 
    Array.prototype.slice.call(document.querySelectorAll('.block .tab')).forEach(function (el) { 
     el.addEventListener('click', function() { 
      document.querySelector('.block.selected').classList.remove('selected'); 
      this.parentNode.classList.add('selected'); 
     }, false); 
    }); 
}, false);​ 

演示：http://jsfiddle.net/QGZvN/3/

或这一点，如果你不喜欢切片方法：

// inside the for-block 
tabbedblocks[i].querySelector('.tab').addEventListener('click', function() { 
    document.querySelector('.block.selected').classList.remove('selected'); 
    this.parentNode.classList.add('selected'); 
}, false);