Obtenir la valeur de l'attribut href de <a> tag sans jQuery

Est de toute façon, comment sans jQuery obtenir à partir de la chaîne de valeur de l'attribut href, "un" tag?
J'ai eu de la chaîne (par exemple) de ce contenu - <a href="www.something">.

Comment puis-je obtenir la valeur de l'attribut href de variable?

Êtes-vous en commençant par une chaîne ou d'un élément du DOM ? Si vous avez l'élément DOM tout simplement var href = a.href;.

OriginalL'auteur user2316602 | 2013-07-05

  1. 9

    J'ai eu de la chaîne (par exemple) de ce contenu - <a href="www.something">

    Si il est en fait dans une chaîne de caractères comme suit:

    var s = '<a href="www.something">';

    Ensuite, vous pouvez utiliser une regex avec la .match() méthode:

    var href = s.match(/href="([^"]*)/)[1];
//href is now www.something

    Si c'est un élément sur votre page, alors jetez un oeil à T. J. Crowder réponse (pas besoin pour moi de dupliquer cette information ici).

    De bonnes choses arrivent quand on s'équipe en place. 🙂
    Merci @T. J. Crowder. J'ai mis à jour ma mention de votre réponse à un lien hypertexte réel. +1 sur votre réponse.
    (Et ici, je pensais que sa précédente upvote a été de vous! 🙂 )
    (Désolé, @T. J. Crowder, mais non. Je n'aurais pas parlé de votre réponse si je ne pense pas que ça valait la peine de voter, mais de toute façon j'ai oublié effectivement appuyer sur le bouton plus tôt. Un bonus supplémentaire pour vous maintenant, je suppose.)

    OriginalL'auteur nnnnnn

  2. 9

    Si vous avez vraiment que comme une chaîne de caractères, puis reportez-vous à la réponse de nnnnnn.

    Ou alternativement, si vous êtes dans le navigateur de l'environnement:

    var str = '<a href="www.something">';
var div = document.createElement('div');
div.innerHTML = str + "</a>"; //Make it a complete tag
var link = div.firstChild.getAttribute("href");

    Si vous avez un réel élément sur une page créée par l'intermédiaire de ce balisage, puis:

    Si vous avez une référence à l'élément, vous pouvez obtenir le href de cette façon:

    var link = theElement.href;
//or
var link = theElement.getAttribute("href");

    L'obtenir via getAttribute retourne la vraie valeur de l'attribut plutôt que de le complet de la version, et la href reflète la propriété obtient le complet de la version (par exemple, les liens relatifs obtenir étendue).

    Obtenir une référence vers l'élément est un vaste sujet. Si il y a un id, vous pouvez utiliser getElementById. Ou si vous êtes à réagir à un événement, et l'événement se passe sur un élément près celui que vous voulez, vous pouvez utiliser divers DOM des propriétés et des méthodes pour naviguer. Avec beaucoup de navigateurs modernes, vous pouvez utiliser les sélecteurs CSS et soit querySelector (trouver un élément) ou querySelectorAll (une liste).

    Par exemple, cela vous donne la href du premier lien sur la page qui a la classe "foo":

    console.log(document.querySelector("a.foo").href);

    Exemple complet: Vivre Copie | La Source En Direct

    <!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Getting the Link</title>
</head>
<body>
  <a id="theLink" href="/relative/link">Link</a>
  <script>
    (function() {
      var theLink = document.getElementById("theLink");
      display("<code>href</code> property: " + theLink.href);
      display("<code>getAttribute('href')</code>: " +
              theLink.getAttribute("href"));

      function display(msg) {
        var p = document.createElement('p');
        p.innerHTML = String(msg);
        document.body.appendChild(p);
      }
    })();
  </script>
</body>
</html>

    OriginalL'auteur T.J. Crowder

  3. 0

    Le code suivant va boucler sur tous les <a/> éléments de journaux et de leurs href valeur (si ils en ont un):

    var anchors = document.getElementsByTagName('a');
var i, len = anchors.length;

for( i = 0; i < len; i++ ) {
    console.log(anchors[i].getAttribute('href'));
}

    OriginalL'auteur André Dion