Impression du code HTML interne des éléments sur la console

Question

Je souhaite pouvoir écrire du code dans la console, ce qui me permet d'imprimer sur la console le code HTML interne des éléments sur lesquels je clique dans une page Web. Ceci est mon code jusqu'à présent.

var findBody = document.querySelector ('body'); 

function findContent(event) { 
findBody.onclick = "findContent(event)"; 
console.log (event.target.innerHTML); 
} 

S'il vous plaît être aimable, je commence juste à écrire JS. Merci

Answer 1

Cela devrait fonctionner:

var findBody = document.querySelector ('body'); 

function findContent(event) { 
console.log (event.target.innerHTML); 
} 

findBody.onclick = findContent; 

Answer 2

Peut-être, vous pouvez essayer cet extrait:

function find() { 
    console.log(event.target.innerHTML); 
} 
document.onclick = find; 

Answer 3

Vous avez trouvé l'élément de corps et une fonction écrit. Mais votre fonction n'est jamais appelée, vous devez faire en sorte que le navigateur l'exécute lorsqu'un événement (clic) se produit.

La méthode de base pour attacher un gestionnaire d'événements consiste à définir l'attribut on + eventName de l'élément. Néanmoins, il est préférable d'utiliser la méthode element.addEventListener, car vous pouvez ajouter autant d'écouteurs d'événement au même élément que vous le souhaitez. En outre, cette méthode permet de contrôler quand gestionnaire d'événements est appliqué lors de la propagation des événements dans le document (nice doc)

est ici solution de base:

// find body element 
var findBody = document.querySelector('body'); 

// define handler function 
function findContent(event) { 
    console.log (event.target.innerHTML); 
} 

// attach event handler 
findBody.addEventListener('click', findContent);