我有一个表,每个tr和td只有类,我有选择td元素的问题,我需要的类
HTML：
HTML：
<table> <tr class="data"> <td class="cell">1</td> <td class="cell2"></td> </tr> <tr class="data"> <td class="cell">2</td> <td class="cell2"></td> </tr> </table>
当mouse = td with class =“cell”时,我必须在我的鼠标所用的td之间获取文本.这应该使用纯JavaScript,没有框架.我试过了：
var cell = document.querySelector('.cell');
function callback(){ //do something }
cell.addEventListener('mouSEOver',callback(),false);
它不起作用,或者我犯了错误？
解决方法
document.querySelector('.cell');
只会选择第一个具有class =’cell’的元素.
要向所有此类元素添加事件侦听器,请使用querySelectorAll()
这将返回具有class =’cell’的NodeList(一种非活动DOM元素的数组).您需要迭代它或使用索引访问一个元素.
像exapmle之类的东西
var cell =document.querySelectorAll('.cell');
for(var i=0;i<cell.length;i++){
cell[i].addEventListener('mouSEOver',callback,false);
}
检查这个fiddle
