Javascript 是否可以在浏览器调试控制台中打印一些内容，以便在单击时调用函数？

调试时，我可能有一个元素

el

，我可以使用

console.log（el）

打印出来

调试时，可以有50个甚至100个。我可以在Google Chrome的调试控制台中打印一些东西，这样当我点击它时，它就会使元素在网页中成为焦点吗

我试过：

    let tmpLink = document.createElement("a");
    tmpLink.href = "#";   // now it is a link instead of anchor
    tmpLink.innerHTML = "Click Me";
    tmpLink.addEventListener("click", function() {
      el.focus();
    });
    console.log(tmpLink);

这个链接会在调试控制台中打印出来，除非我点击它，它不会将我带到页面上的元素。有办法吗

一个不太可取的方法是

window.focusArr = window.focusArr || [];
window.focusArr.push(el);
console.log(`Element ${window.focusArr.length - 1}`);

因此，我可以在控制台中执行以下操作：

focusArr[21].focus()

但是，有没有一种方法可以让在调试控制台中单击某项功能正常工作？

这并不是您想要的，但它可以实现调试时所需的功能。在Chrome中，如果您记录您想要关注的实际元素，您可以记录对该元素的精确引用，然后在控制台中右键单击该元素并选择“滚动到视图”：

（对于您的代码，您必须执行

console.log（el）

，以便您感兴趣的

el

可以右键单击并缩放到）

这并不完全是您所要求的，但它可以实现调试时所需的功能。在Chrome中，如果您记录您想要关注的实际元素，您可以记录对该元素的精确引用，然后在控制台中右键单击该元素并选择“滚动到视图”：

---

（对于您的代码，您必须执行

console.log（el）

，以便您感兴趣的

el

可以右键单击并缩放到）

只需记录元素本身

let e=document.getElementById（'main'）；
console.log（e）

你好

只需记录元素本身

let e=document.getElementById（'main'）；
console.log（e）

你好

好的，我会等一两个小时，看看是否能有一个“点击我然后做任何事情”的解决方案。。。但是，如果只关注元素，这种方法是有效的。好吧，我会等一两个小时，看看我是否能有一个“点击我并做任何事情”的解决方案。。。但是，如果只关注元素，这种方法是有效的。好吧，我会等一两个小时，看看我是否能有一个“点击我并做任何事情”的解决方案。。。但是，如果只关注元素，这种方法是有效的。好吧，我会等一两个小时，看看我是否能有一个“点击我并做任何事情”的解决方案。。。但是，如果只关注元素，这种方法是有效的