將[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); 
 
    }); 
 
}