Inserire il codice HTML come una Stringa, senza JQuery

Sto cercando un metodo per inserire una stringa che contiene i dati HTML, in un elemento div.
La stringa viene caricata tramite XHR, e non c’è modo di sapere quali elementi e quali sono in esso.

Ho cercato in giro per un po’, e ho trovato alcune cose che potrebbero aiutare, ma non completamente per me. Ciò di cui ho bisogno è qualcosa di simile alla funzione update() dal Prototipo quadro:
http://prototypejs.org/api/element/update

La piattaforma che sto scrivendo per non consentire quadri per essere utilizzato, o JQuery. Mi sono bloccato con Javascript. Qualcuno ha qualche idea??

Che non posso usare innerHTML, in quanto non applicabile eventuali aggiornamenti o funzioni o fondamentalmente tutto ciò che dovrebbe verificarsi a carico

Ho qualche onload eventi che devono accadere, e come meglio lo so, tramite innerHTML non esegue eventi onload. Sono io sbagliata?

EDIT 2 anni dopo:
Per chiunque altro, la lettura, ho avuto alcuni gravi ambiguità circa il onload evento. Ho atteso che si trattava di un evento valido per qualsiasi elemento, mentre è valido solo per il <body/> elemento. .innerHTML è il metodo corretto per fare quello che stavo cercando, e qualsiasi funzionalità extra per gli elementi aggiunti, deve essere fatto manualmente qualche altro modo.

  • Ricerca per “innerHMTL”. Ci saranno molti esempi e argomenti a favore e contro.
  • Non posso usare innerHTML, in quanto non applicabile eventuali aggiornamenti o funzioni o fondamentalmente tutto ciò che dovrebbe verificarsi a carico…
  • Spiega la tua domanda meglio, hanno risposto circa innerHTML e continuo a pensare che risolve il tuo problema.
  • Ho scritto una risposta con document.createTextNode() che può essere quello che stai cercando
InformationsquelleAutor Serge | 2012-07-10



4 Replies
  1. 3

    Si può fare in due modi:

    var insertText = document.createTextNode(theText);
                     document.getElementById("#myid").appendChild(insertText);

    o
    object.innerHTML=text

  2. 2

    Sto cercando un metodo per inserire una stringa che contiene i dati HTML, in un elemento div.

    Ciò che si desidera utilizzare è il innerHTML proprietà.

    Esempio di utilizzo:

    <script type="text/javascript">
    function changeText(){
        document.getElementById('boldStuff').innerHTML = '<p>Universe</p>';
    }
    </script>
    <p>Hello <b id='boldStuff'>World</b> </p> 
    <input type='button' onclick='changeText()' value='Change Text'/>

Lascia un commento