Javascript 将[object HtmleElement]格式化为变量字符串

在此处使用此代码来选择单击的元素会使控制台记录除

targetElement

之外的任何内容，从而生成

[object HTMLElement]

。是否有一种可能的简单方法来生成字符串结果？Javascript或Jquery

if (document.addEventListener ){
    document.addEventListener("click", function(event){
        var targetElement = event.target || event.srcElement;
        console.log(targetElement);
    });
} else if (document.attachEvent) {    
    document.attachEvent("onclick", function(){
        var targetElement = event.target || event.srcElement;
        console.log(targetElement);
    });
}

---

尝试

targetElement.outerHTML

if（document.addEventListener）{
document.addEventListener（“单击”），函数（事件）{
var targetElement=event.target | | event.srcement；
日志（targetElement.outerHTML）；
});
}如果（文件附件）{
document.attachEvent（“onclick”，function（））{
var targetElement=event.target | | event.srcement；
日志（targetElement.outerHTML）；
});
}

尝试

targetElement.outerHTML

if（document.addEventListener）{
document.addEventListener（“单击”），函数（事件）{
var targetElement=event.target | | event.srcement；
日志（targetElement.outerHTML）；
});
}如果（文件附件）{
document.attachEvent（“onclick”，function（））{
var targetElement=event.target | | event.srcement；
日志（targetElement.outerHTML）；
});
}

在控制台中测试代码以单击某个元素时，似乎会删除周围的标记和属性。有没有办法保留字符串的整个值？@Pleb使用outerhtml而不是内部html。更新的代码段虽然这可能对某些部分有好处，但它会为特定部分（如单击背景）留下极端冗余的信息。当对象通过控制台离开时，

…

，页面的整个代码都会打印出来，这相当多。虽然它在“…”中包含了所有内容，但它是否可以简单地控制台

@Pleb请检查第二个代码段。如果您正在查找该代码段，则与我提供的代码不同，我似乎无法在控制台中为单击的元素运行它？在控制台中运行后，我似乎无法读取未定义的属性“target”

当在控制台中测试代码以单击元素时，它似乎删除了周围的标记和属性。有没有办法保留字符串的整个值？@Pleb使用outerhtml而不是内部html。更新的代码段虽然这可能对某些部分有好处，但它会为特定部分（如单击背景）留下极端冗余的信息。当对象通过控制台离开时，

…

，页面的整个代码都会打印出来，这相当多。虽然它在“…”中包含了所有内容，但它是否可以简单地控制台

@Pleb请检查第二个代码段。如果您正在查找该代码段，则与我提供的代码不同，我似乎无法在控制台中为单击的元素运行它？在控制台中运行后，我似乎无法读取未定义的属性“target”

您所说的“simple”是什么意思？您所说的“simple”是什么意思？