Vous recherchez un exemple JavaScript simple qui met à jour le DOM

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

  •  09-06-2019
  •  | 
  •  

Question

Je recherche un exemple JavaScript simple qui met à jour le DOM.
Aucune suggestion?

Était-ce utile?

La solution

Voici un court exemple en pur javascript.Supposons que vous ayez un div avec l'identifiant "maincontent".

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

Bien sûr, les choses sont beaucoup plus faciles (surtout quand on veut faire des choses plus compliquées) avec jQuery.

Autres conseils

@Ravi

Voici un exemple fonctionnel de votre code

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

Vous remarquerez que j'ai ajouté un petit lien sur lequel vous devez cliquer pour effectuer le changement.J'ai pensé que cela pourrait faciliter l'essai réel.

Je pense que ce tutoriel sur jQuery contient un exemple qui pourrait vous aider : http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Une question plus spécifique pourrait donner des résultats plus utiles, mais voici une simple paire d'extraits qui affiche et met à jour ultérieurement le texte dans un élément conteneur de statut.

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

J'ai un code simple comme celui ci-dessus et j'essaie de changer le résultat True en false via Javascript en utilisant Prototype.Qu'est-ce que je pourrais faire de mal ?

Modifier:J'ai compris.Je ne l'ai pas appelé.:D

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top