javascript - 在 Javascript 中打印触发 eventListener 的 DOM 元素的完整 HTML

Question

我试图打印出 DOM 元素的完整 HTML，但收效甚微。我想知道 JavaScript 中是否有专门用于执行此操作的帮助器。

this.div.click( function(e) {
    alert(e.target);
    alert(e.target.tagName);
    alert(JSON.stringify($(e.target).parent()));
});

我希望得到这样的东西:

<div class="gameActivator AnyItem-Off-selector UI-Widget UI-Content"><span class="content widget-inner"><button class="activateButton"></button></span></div>

Answer 1

使用currentTarget获取事件监听器最初附加到的元素。然后您可以使用 outerHTML 读取该元素的所有 HTML。 .

this.div.click( function(e) {
    console.log(e.currentTarget.outerHTML);
});

A live demo at jsFiddle .