传入事件Target ID JS时无法访问cellIndex

时间:2018-04-24 19:50:17

标签: javascript html

我正在尝试返回目标事件id单元格索引。

当我在控制台上记录输出以进行测试并传入目标元素ID的静态值时,我可以正常访问该属性,但是,当我尝试使用事件对象传入ID时,它返回undefined。

我试图这样做,所以我可以遍历单元格的所有行,但只在每个循环的cellIndex位置。

注意,解决方案必须是纯Javascript。

checkColWinFunc(target); 

function checkRowWinFunc(target) {

var colEleNum = document.getElementById(target); 
var colIndex = target.cellIndex; 

console.log(colIndex);   

//Below loop for when index is accessible.   
//grabbing tables element by ID.     
// var topRow = document.getElementById("gameSpace"); 

    /*
      for (x = 0; x <= 4 ;x++){
          console.log(colIndex); 
         }
    */
}

2 个答案:

答案 0 :(得分:1)

您可以通过将this传递给您的函数来获取被点击的元素。

function checkRowWinFunc(target) {
    console.log("Here's the element that was clicked:");
    console.log(target);
}
<input id="btn1" type="button" value="Click Me" onclick="checkRowWinFunc(this)" />

答案 1 :(得分:0)

我不应该尝试访问ID,ID不包含我需要的属性,它包含在目标元素中。