Alla ricerca di un semplice esempio JavaScript che aggiorni il DOM

StackOverflow https://stackoverflow.com/questions/44190

  •  09-06-2019
  •  | 
  •  

Domanda

Sto cercando un semplice esempio JavaScript che aggiorni il DOM.
Eventuali suggerimenti?

È stato utile?

Soluzione

Ecco un breve esempio in puro Javascript.Supponiamo che tu abbia un div con l'id "maincontent".

var newnode = document.createTextNode('Here is some text.');
document.getElementById('maincontent').appendChild(newnode);

Naturalmente, le cose sono molto più semplici (specialmente quando vuoi fare cose più complicate) con jQuery.

Altri suggerimenti

@Ravi

Ecco un esempio funzionante del tuo codice

<html>
    <head>
    <title>Font Detect please</title>

    <script src="prototype.js" type="text/javascript"></script>
    <script type="text/javascript">
        function changeTD()
        {
            $('Myanmar3').innerHTML = 'False';         
        }
    </script>
    </head>
    <body>              

        <table border="1">
        <tr><td>Font</td><td>Installed</td></tr>
        <tr><td>Myanmar3</td><td id="Myanmar3">True</td></tr>
        </table>        

        <a href="javascript:void(0);" onclick="changeTD();">Click Me</a>

    </body>
</html>

Noterai che ho aggiunto un piccolo collegamento su cui devi fare clic per apportare effettivamente la modifica.Ho pensato che questo avrebbe potuto rendere più semplice provarlo sul serio.

Credo che questo tutorial su jQuery abbia un esempio che potrebbe aiutarti: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Una domanda più specifica potrebbe fornire risultati più utili, ma ecco un semplice paio di frammenti che mostrano e successivamente aggiornano il testo in un elemento contenitore di stato.

// give some visual cue that you're waiting
container.appendChild( document.createTextNode( "Getting stuff from remote server..." ) );

// then later...        
// update request status    
container.replaceChild( document.createTextNode( "Done." ), container.firstChild );


<html>
    <head>
    <title>Font Detect please</title>

    <script src="prototype.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('Myanmar3').update('False');         
        $('Myanmar3').innerHTML;        
    </script>
    </head>
    <body>      

        <table border="1">
        <tr><td>Font</td><td>Installed</td></tr>
        <tr><td>Myanmar3</td><td id=Myanmar3>True</td></tr>
        </table>        

    </body>
</html>

Ho un codice semplice come quello sopra e sto cercando di cambiare il risultato True in false tramite Javascript utilizzando Prototype.Cosa potrei fare di sbagliato?

Modificare:Fatto.Non l'ho chiamato.:D

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top