JavaScript - le moyen le plus rapide d'extraire les méta-champs de document

Question

Je dois extraire la méta-balise «description» du document.

La voie par défaut serait d'utiliser document.getElementsByTagName (« métacompétences »), puis itérer à travers le réseau - que l'on trouve dans: http://www.rgagnon.com/jsdetails/js-0070.html

Mais je me demande s'il n'y a pas d'autre plus rapide, « une ligne de approche "code". Je ne suis pas familier avec xPath - mais peut-être que cela pourrait fonctionner? Des idées?

Answer 1

sûr ...

var desc = document.getElementsByName('description')[0].getAttribute('content'); 

Cela suppose qu'il ya une balise Meta nommée description de cours. Pour être plus complet, ceci permettrait d'attraper la description quel que soit le cas.

function getDesc(){ 
    var metas = document.getElementsByTagName('meta'); 
    for(var i=0;mLen=metas.length;i<mLen;i++){ 
    if(metas[i].getAttribute('name').toLowerCase() == 'description'){ 
     return metas[i].getAttribute('content'); 
    } 
    } 
    return null;//or empty string if you prefer 
} 
var desc = getDesc(); 

Answer 2

Vous pouvez le faire avec XPath (chez les clients de soutien document.evaluate), mais ce serait probablement un surpuissant:

document.evaluate('//*[@name="description"]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotItem(0); 

Answer 3

Scunliffe, je pense que votre suggestion va certainement faire l'affaire, au moins multi ligne-fonction sera.

je suis venu avec une solution qui ne fonctionne pas sur, mais qui est très compact Webkit (Chrome + Safari):

var metas = document.getElementsByTagName('META'); 
var value = (metas.namedItem ("description") || metas.namedItem ("Description") || metas.namedItem ("DESCRIPTION") || {}).content; 

Cela utilisera la fonction namedItem() sur l'objet NodeList, recherche les manières les plus probables qu'un autre programmeur pourrait écrire "description". Notez que cela récupère les valeurs de l'attribut de la balise, tout en ignorant la casse pour les noms d'attributs:

<meta name="description" content="my description" /> 
<meta NAME="Description" CoNtEnT="my description" /> 

Mais hélas (Oy Vey) le nameItem() ne fonctionne pas sur Safari & Chrome :-(Peut-être il y a une alternative approche pour les navigateurs ...

Answer 4

Cela dépend aussi de ce que vous entendez par « quickest'- voulez-vous dire le code le plus court, vous pouvez écrire ou

la réponse la plus rapide du navigateur? pour la plus rapide réponse , il suffit de regarder les éléments meta dans l'élément tête, et pi ck out avec le nom 'description'.

{ 
    var s=[], metas=document.getElementsByTagName('head')[0].getElementsByTagName('meta'); 
    for(var i=0,L=metas.length;i<L;i++){ 
    if(metas[i].name=='description')s[s.length]=metas[i].content; 
    } 
    s= s.join(','); 
}