Accéder au contenu de <noscript> avec Javascript

Question

<noscript><div id="example">I want to get this innerHTML</div></noscript> 

<script type="text/javascript"> alert($('example').innerHTML);</script> 

Cet extrait de Javascript renvoie simplement une chaîne vide. Existe-t-il un moyen d'obtenir le contenu d'un noeud noscript?

p.s. J'utilise un prototype sur ce projet particulier.

Answer 1

Si le script est activé, the noscript element is defined as containing only text - bien qu'il doit être parsable texte, avec certaines restrictions sur le contenu. En gardant cela à l'esprit, vous devriez être capable d'extraire le texte, de l'analyser, puis de trouver l'élément que vous souhaitez. Un exemple rudimentaire de ceci suit:

var nos = document.getElementsByTagName("noscript")[0]; 
// in some browsers, contents of noscript hang around in one form or another 
var nosHtml = nos.textContent||nos.innerHTML; 

if (nosHtml) 
{ 
    var temp = document.createElement("div"); 
    temp.innerHTML = nosHtml; 

    // lazy man's query library: add it, find it, remove it 
    document.body.appendChild(temp); 
    var ex = document.getElementById("example"); 
    document.body.removeChild(temp); 

    alert(ex.innerHTML); 
} 

Notez que lorsque j'ai écrit cette réponse, ce qui précède a échoué dans Google Chrome; l'accès au contenu de noscript semble être un peu mieux supporté ces jours-ci, mais il me semble encore un peu plus probable que d'autres éléments d'afficher des bugs - je l'éviterais si vous avez d'autres options.

Answer 2

Test avec Firefox 3.0.7, Safari 3.2.2 et MSIE 7.0.5730.13 (tous sur WinXP SP3), il semble que tout ce qui est dans les balises <noscript> soit complètement omis de l'arborescence DOM.

Cependant, il est possible d'accéder à l'élément <noscript> lui-même, puis d'utiliser les méthodes DOM pour modifier ses éléments enfants.

Answer 3

De l'HTML 4.0 spec:

L'élément NOSCRIPT permet aux auteurs de fournir un contenu alternatif lorsqu'un script est pas exécuté. Le contenu d'un élément NOSCRIPT ne doit être rendu que par un agent utilisateur prenant en charge les scripts dans les cas suivants:

• L'agent utilisateur est configuré pour ne pas évaluer les scripts.
• L'agent utilisateur ne prend pas en charge un langage de script invoqué par un élément SCRIPT plus tôt dans le document.

Il me semble que cela implique que tout le contenu de la balise NOSCRIPT (dans ce cas, votre div) sont ignorées tout à fait si le script est activé dans le navigateur. Avez-vous vérifié que le div "example" est accessible via le DOM dans votre cas?

Answer 4

Je ne suis pas sûr de prototype, mais cela fonctionne dans Chrome avec jQuery:

$('noscript').before($('noscript').text()); 

Answer 5

Essayez $ (("noscript") texte().) Avec jQuery.