Javascript 将单击元素的内部HTML打印到控制台

我希望能够在控制台中编写代码，允许我在控制台中打印我在网页中单击的任何元素的内部HTML。这是到目前为止我的代码

var findBody = document.querySelector ('body');

function findContent(event) {
findBody.onclick = "findContent(event)";
console.log (event.target.innerHTML);
}

请善待我，我才刚开始写JS。谢谢

这应该可以：

var findBody = document.querySelector ('body');

function findContent(event) {
console.log (event.target.innerHTML);
}

findBody.onclick = findContent;

这应该起作用：

var findBody = document.querySelector ('body');

function findContent(event) {
console.log (event.target.innerHTML);
}

findBody.onclick = findContent;

---

也许，您可以尝试以下代码片段：

function find() {
    console.log(event.target.innerHTML);
}
document.onclick = find;

---

也许，您可以尝试以下代码片段：

function find() {
    console.log(event.target.innerHTML);
}
document.onclick = find;

---

您已经找到body元素并编写了一个函数。但您的函数从未被调用，您必须让浏览器在事件（单击）发生时执行它

附加事件处理程序的基本方法是在元素的+eventName属性上定义

。尽管如此，还是最好使用方法，因为您可以根据需要向同一元素添加任意多的事件侦听器。此外，此方法还允许控制在通过文档（）的事件传播期间应用事件处理程序的时间

以下是基本解决方案：

// find body element
var findBody = document.querySelector('body');

// define handler function
function findContent(event) {
  console.log (event.target.innerHTML);
}

// attach event handler
findBody.addEventListener('click', findContent);

您已经找到body元素并编写了一个函数。但您的函数从未被调用，您必须让浏览器在事件（单击）发生时执行它

附加事件处理程序的基本方法是在元素的

+eventName属性上定义

。尽管如此，还是最好使用方法，因为您可以根据需要向同一元素添加任意多的事件侦听器。此外，此方法还允许控制在通过文档（）的事件传播期间应用事件处理程序的时间

以下是基本解决方案：

// find body element
var findBody = document.querySelector('body');

// define handler function
function findContent(event) {
  console.log (event.target.innerHTML);
}

// attach event handler
findBody.addEventListener('click', findContent);