Obtenir les attributs de données en javascript

Je vais avoir de la difficulté à extraire des informations à partir d'une balise meta. Je suis d'essayer d'obtenir une img src à partir d'un site web et ne peut pas tout à fait le comprendre. Voici un exemple de ce que je suis en train de faire.

<meta property="og:image" content="http://foo.jpg">
var image = document.querySelector('meta[property="og:image"]').getAttribute('content');

J'ai essayé ceci mais ça ne fonctionne pas. Des idées?

  • <meta> est un élément, property est un attribut. vous voulez quelque chose de plus comme meta = document.getElementsByTagName('meta'), parcourez ce pour votre og:image de l'attribut, puis obtenir le contenu associé.
  • Si la réponse ci-dessous répondu à votre question, la voie de Dépassement de Pile fonctionne, vous feriez "accepter" la réponse en cliquant sur la coche à côté d'elle; détails ici, qui est hors de la liste de questions sans réponse. Si non, pourriez-vous préciser la question?
InformationsquelleAutor Brad | 2015-03-18
  1. 19

    meta éléments ne sont pas spéciaux, vous pouvez interroger et de leurs attributs dans la voie normale.

    Dans ce cas, voici comment vous pouvez obtenir le content valeur de l'attribut de la première meta[property="og:image"] élément:

    var element = document.querySelector('meta[property~="og:image"]');
var content = element && element.getAttribute("content");

    querySelector est pris en charge par tous les navigateurs modernes, et aussi IE8.

    • Plus rapide: var element = document.querySelector('meta[property="og:image"]')['content'];
    • Bien sûr, cela provoquera une erreur si l'élément n'est pas là. La vitesse est peu probable d'être un facteur dans tous les cas.
    InformationsquelleAutor T.J. Crowder