javascript - 将 [object HTMLElement] 格式化为变量字符串

Question

使用此处的代码来选择单击的元素，控制台会记录除 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);
    });
}

Answer 1

尝试targetElement.outerHTML

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

如果您只想获取该元素(而不是内部 html)，请克隆该节点并将 innerHTML 设置为空

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