Get `Meta` attribut "content" en sélectionnant "propriétés" de l'attribut

En jQuery vous pouvez faire ceci:

$("meta[property='fb:app_id']").attr("content");

Qui vous donnera la content valeur de l'attribut de la meta-tag avec property attribut "fb:app_id".

Comment puis-je faire cela dans la plaine ol' Javascript?

Vous en remercie d'avance. 🙂

Kenneth

OriginalL'auteur curly_brackets | 2012-11-19

  1. 15

    Pas élégant, JQuery, j'ai peur...

    var metaTags=document.getElementsByTagName("meta");

var fbAppIdContent = "";
for (var i = 0; i < metaTags.length; i++) {
    if (metaTags[i].getAttribute("property") == "fb:app_id") {
        fbAppIdContent = metaTags[i].getAttribute("content");
        break;
    }
}

console.log(fbAppIdContent);
    Pas tout à fait la même, vous aurez besoin de break sur la première occurence de fb:app_id.
    Vrai. J'ai édité le JS pour être l'équivalent direct de l'JQuery déclaration.
    a cette réponse à votre question?
    Dans l'ES6 il est un peu mieux: Array.from(document.getElementsByTagName('meta')).find($meta => { return $meta.getAttribute('name') === 'fb:app_id'; }).getAttribute('content');

    OriginalL'auteur mccannf

  2. 10
    document.querySelector('meta[property~="fb:app_id"][content]').content
    Pour quelle raison? Aucune des réponses ci-dessus, en fait avoir des explications sur ce que leur code est en train de faire. Franchement, si vous ne savez pas ce querySelector est alors il est mieux de vous frapper jusqu'à Modzilla javascript docs et si vous ne pouvez pas le lire à tous, alors un javascript tutoriel est dans la main.

    OriginalL'auteur Steven Wade

  3. 3

    Remarque: Certains utilisent le property attribut:

    <meta property="fb:app_id" content="1234567890">

    tandis que d'autres utilisent le name attribut:

     <meta name="fb:app_id" content="1234567890">

    Je utilisez la commande suivante pour obtenir la valeur de deux variantes:

    var appId = (function(c) { for (var a = document.getElementsByTagName("meta"), b = 0;b < a.length;b++) {
  if (c == a[b].name || c == a[b].getAttribute("property")) { return a[b].content; } } return false;
})("fb:app_id");

console.log(appId); //(bool)false if meta tag "fb:app_id" not exists.

    La même chose peut être utilisé pour tous les autres de la balise meta ainsi il suffit de changer la valeur d'entrée à la fonction de clôture (eg. de fb:app_id à description).

    Edit: Ou comme un plus de la fonction générique:

    function getContentByMetaTagName(c) {
  for (var b = document.getElementsByTagName("meta"), a = 0; a < b.length; a++) {
    if (c == b[a].name || c == b[a].getAttribute("property")) { return b[a].content; }
  } return false;
}

console.log(getContentByMetaTagName("og:title"));

    OriginalL'auteur eyecatchUp