[オブジェクトHTMLElement]を変数文字列にフォーマット

Question

このコードを使用してクリックした要素を選択すると、targetElement以外のコンソールログには[object HTMLElement]が生成されます。文字列の結果を生成する簡単な方法がありますか？ JavascriptまたはJquery。あなたは空にしinnerHTMLプロパティをその要素だけ（ないインナーHTML）を取得し、そのノードのクローンを作成し、設定したい場合

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

を試してみてください

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