Accesso contenuto di <noscript> con Javascript

Question

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

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

Questo frammento di javascript restituisce semplicemente una stringa vuota. C'è un modo per ottenere il contenuto di un nodo noscript?

p.s. Sto usando il prototipo su questo particolare progetto.

Answer 1

Se lo script è abilitato, the noscript element is defined as containing only text - anche se deve essere parsabile testo, con alcune restrizioni sul contenuto. Con questo in mente, dovresti essere in grado di estrarre il testo, analizzarlo e quindi trovare l'elemento desiderato. Un esempio rudimentale di questo segue:

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); 
} 

Nota che quando ho originariamente scritto questa risposta, quanto sopra non è riuscito in Google Chrome; l'accesso al contenuto di noscript sembra essere un po 'meglio supportato al giorno d'oggi, ma mi sembra ancora un caso limite che è forse più probabile di altri bug per mostrare bug - lo eviterei se hai altre opzioni.

Answer 2

Test con Firefox 3.0.7, Safari 3.2.2 e MSIE 7.0.5730.13 (tutto su WinXP SP3) sembra che tutto all'interno dei tag <noscript> sia completamente omesso dall'albero DOM.

Potrebbe essere possibile accedere allo stesso elemento <noscript>, quindi utilizzare i metodi DOM per modificare i suoi elementi figli.

Answer 3

Dal HTML 4.0 spec:

L'elemento NOSCRIPT permette agli autori di fornire contenuto alternativo quando uno script non viene eseguito. Il contenuto di un elemento NOSCRIPT deve essere visualizzato da uno user agent che riconosce gli script nei seguenti casi:

• L'agente utente è configurato per non valutare gli script.
• L'agente utente non supporta un linguaggio di script richiamato da un elemento SCRIPT in precedenza nel documento.

Mi sembra che questo implica che l'intero contenuto del tag NOSCRIPT (in questo caso, il tuo div) vengono ignorati del tutto, se gli script è attivato nel browser. Hai verificato che il div "example" è accessibile attraverso il DOM nel tuo caso?

Answer 4

io non sono sicuro di prototipo, ma questo funziona in Chrome con jQuery: (. $ ("Noscript") del testo())

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

Answer 5

Prova $ con jQuery.