在Chrome控制台中进行Javascript调试

Question

我有下面的代码。

<div id="start_3333"  onclick="doCalc(3333, this)"></div>

function doCalc(this)
{
  var id = $(this).attr(id);
Console.log(id);
}

为数据表中的每一行插入此div。 我想通过输入doCalc（3333）在Chrome的控制台窗口中测试此函数doCalc但是得到未定义的错误。 如何在Chrome的控制台窗口中传递“this”对象，以便我可以调试并检查哪些值被转移到函数中的“id”变量。

Answer 1

我会建议一个不同的实现：

<div id="start_3333"></div>

$("#start_3333").click(function(event) {
    console.log($(event.target).attr("id"));
});

Answer 2

1. 获取对div的引用： var $myRef = $('start_3333');
2. 运行你的函数： doCalc($myRef);

当然，正如我在上面评论的那样，将“控制台”中的“c”设置为小写，因为JavaScript区分大小写。

Answer 3

回答一般问题。

进入调试器的Elements选项卡，找到要使用的元素。 如果单击它，它将在元素旁边显示== $ 0 。 这意味着您可以在控制台中使用变量$0来引用该元素。 此外，您单击的上一个项目变为$1 ，之前的项目为$2 ，依此类推。 所以你可以输入

doCalc(3333, $0)

在控制台中以该元素作为参数运行您的函数。

这对你的函数不起作用，因为它没有声明带两个参数。 你的功能应该是这样的：

function doCalc(num, element) {
    var id = element.id;
    console.log(id);
}