Get noeud html sur clic href

-4

Dans ma page html Je veux obtenir noeud html sur son clic href.Get noeud html sur clic href

exemple:

FICHIER HTML

<!DOCTYPE html> 
<html> 
<body> 

<p><a href="https://www.w3schools.com/html/" data-type="W3">Click1</a></p> 
<p><a href="https://www.google.com/html/" data-type="google">Click2</a></p> 


</body> 
</html>

Lorsque Click1 est cliquée Je veux valeur: W3 Lorsque Click2 est cliquée Je veux valeur: google

Actuellement, je suis en utilisant document.documentElement.outerHTML pour obtenir la chaîne html complète et l'analyser. Y at-il un meilleur moyen d'obtenir la valeur data-type sur un clic href?

Source

2017-09-27 TheDeveloper

jQuery:

$('a').click(function(){ console.log($(this).data('type')) })

JavaScript:

var link = document.querySelectorAll('a'); 
for (var i = 0; i < link.length; i++) { 
    link[i].addEventListener('click', function(e) { 
    console.log(this.dataset.type) 
    }); 
}

Source

2017-09-27 20:59:48 j08691

Get noeud html sur clic href

Répondre

Questions connexes