Question

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

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

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

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

Answer 1

您找到了body元素并编写了一个函数。但是你的函数永远不会被调用，你必须让浏览器在事件（点击）发生时执行它。

附加事件处理程序的基本方法是定义元素的on + eventName属性。尽管如此，最好使用element.addEventListener方法，因为您可以根据需要向同一元素添加任意数量的事件侦听器。此外，此方法允许控制在事件传播期间应用事件处理程序的时间（nice doc）

这里的基本解决方案：

// 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);

Answer 2

这应该有效：

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

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

findBody.onclick = findContent;

Answer 3

也许，你可以尝试这个片段：

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

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

3 个答案: