En Javascript: Comment peut-on trouver les coordonnées (x, y, hauteur, largeur) de chaque lien dans une page Web?Trouver les coordonnées de chaque lien dans une page
2
A
Répondre
3
En utilisant jQuery, il est aussi simple que:
$("a").each(function() {
var link = $(this);
var top = link.offset().top;
var left = link.offset().left;
var width = link.offset.width();
var height = link.offset.height();
});
0
Avec jQuery:
$j('a').each(findOffset);
function findOffset()
{
alert
('x=' + $j(this).offset().left
+ ' y=' + $j(this).offset().top
+ ' width=' + $j(this).width()
+ ' height=' + $j(this).height()
);
}
2
sans jquery:
var links = document.getElementsByTagName("a");
for(var i in links) {
var link = links[i];
console.log(link.offsetWidth, link.offsetHeight);
}
essayer cette page pour une func pour obtenir x et y valeurs: http://blogs.korzh.com/progtips/2008/05/28/absolute-coordinates-of-dom-element-within-document.html
Cependant, si vous essayez d'ajouter une image ou quelque chose de similaire, je vous suggère d'utiliser le sélecteur a: after css.
1
JavaScript Plaine:
function getAllChildren (node, tag) {
return [].slice.call(node.getElementsByTagName(tag));
}
function offset(element){
var rect = element.getBoundingClientRect();
var docEl = doc.documentElement;
return {
left: rect.left + window.pageXOffset - docEl.clientLeft,
top: rect.top + window.pageYOffset - docEl.clientTop,
width: element.offsetWidth,
height: element.offsetHeight
};
}
var links = getAllChildren(document.body, 'a');
links.forEach(function(link){
var offset_node = offset(node);
console.info(offset_node);
});
Questions connexes
- 1. xpath trouver un lien spécifique dans la page
- 2. lien vers Imprimer dans une page Web
- 3. Trouver les coordonnées géographiques actuelles du script Python
- 4. Comment puis-je parcourir chaque lien sur une page et ajouter quelque chose avec jQuery?
- 5. J'ai une icône de lien à côté de chaque lien. Comment exclure l'icône de lien des images?
- 6. Comment trouver des coordonnées 2D transformées en rotation dans XNA?
- 7. Comment obtenir les coordonnées de l'écran des éléments de la page Web dans BHO
- 8. rediriger un lien de la page et le texte changeant de page basée sur le lien
- 9. Comment convertir les coordonnées de l'espace écran en coordonnées de l'espace image dans un PictureFox WinForms?
- 10. comment trouver les coordonnées d'un bouton HTML ou d'une image, navigateur croisé?
- 11. trouver des coordonnées sur la scène avec AS3
- 12. extension firefox sur chaque page
- 13. Comment trouver les coordonnées lat/lng exactes d'une scène birdseye dans Virtual Earth?
- 14. appeler une fonction sur une page à partir d'un lien sur une autre page
- 15. Django - trouver le membre extrême de chaque groupe
- 16. Image sur chaque page de l'application iPhone
- 17. Comment trouver une valeur dans une page Web entre crochets à l'aide de JQuery?
- 18. comment obtenir les coordonnées UIImageView?
- 19. JFreeChart obtient les coordonnées de la souris
- 20. Obtenir les coordonnées GPS de Samsung Intrepid
- 21. Comment mettre un lien vers une page Web dans une boîte de dialogue d'alerte JScript?
- 22. Comment convertir les coordonnées en Latitude & Longitude?
- 23. Lire dans une image JPEG et calculer les coordonnées de l'image
- 24. ciblant une nouvelle page pour un lien sur un pdf
- 25. Lien vers une page et développement d'un sujet avec JavaScript
- 26. voir les produits de la catégorie dans une nouvelle page
- 27. Python: Pour chaque élément de la liste appliquer une fonction dans la liste
- 28. Comment trouver/détecter une zone de texte dans une page à l'aide de jQuery?
- 29. Ouvrir le lien dans une nouvelle UIWebView?
- 30. Comment convertir les coordonnées d'un écran pour former des coordonnées relatives (winforms)?