Suchen Sie nach einem einfachen JavaScript-Beispiel, das DOM aktualisiert

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

  •  09-06-2019
  •  | 
  •  

Frage

Ich suche nach einem einfachen JavaScript-Beispiel, das DOM aktualisiert.
Irgendwelche Vorschläge?

War es hilfreich?

Lösung

Hier ist ein kurzes reines Javascript-Beispiel.Angenommen, Sie haben ein Div mit der ID „maincontent“.

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

Natürlich ist es mit jQuery viel einfacher (insbesondere, wenn Sie kompliziertere Dinge tun möchten).

Andere Tipps

@Ravi

Hier ist ein funktionierendes Beispiel Ihres Codes

<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>

Sie werden feststellen, dass ich einen kleinen Link hinzugefügt habe, auf den Sie klicken müssen, um die Änderung tatsächlich vorzunehmen.Ich dachte, das würde es vielleicht einfacher machen, es in der Realität auszuprobieren.

Ich glaube, dass dieses Tutorial zu jQuery ein Beispiel enthält, das Ihnen helfen könnte: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Eine spezifischere Frage könnte hilfreichere Ergebnisse liefern, aber hier ist ein einfaches Paar von Snippets, die Text in einem Statuscontainerelement anzeigen und später aktualisieren.

// 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>

Ich habe einen einfachen Code wie den oben genannten und versuche, das Ergebnis True über Javascript mithilfe von Prototype in False zu ändern.Was mache ich möglicherweise falsch?

Bearbeiten:Habe es.Ich habe es nicht genannt.:D

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top