Formatierung [Objekt HTMLElement] zu variabler Zeichenkette

Question

Mit diesem Code hier wählen Sie das angeklickte Element hat Konsole Protokollierung etwas anderes als die targetElement produziert eine [object HTMLElement]. Gibt es eine mögliche einfache Methode, um ein String-Ergebnis zu erzeugen? Javascript oder 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

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

Wenn Sie nur das Element erhalten möchten (nicht innere html) klonen, dass der Knoten und stellen 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); 
 
    }); 
 
}

zu leeren