在单击元素部分时显示元素的代码

Display an element's code while clicking on its part

本文关键字：元素 代码 显示 分时 单击 元素部      更新时间：2023-09-26

我编写了在弹出消息中显示整个文档的HTML代码的代码：

<label>Hai world...</label>
<p>Test</p>
$(document).click(function(event) {
    var text = $(event.target).parent().html();
    alert(text);
});

如何缩小代码范围，仅显示单击部分的特定 HTML 代码，而不是整个文档的 HTML 代码？

这应该有效：

$(document).click(function(event) {
    var text = event.target.outerHTML;
    alert(text);
});

document.addEventListener('click', function() {
    alert(event.target.outerHTML);
}, false);

试试这个没有jQuery的

相关文章：