Buscando un ejemplo simple de JavaScript que actualice DOM

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

  •  09-06-2019
  •  | 
  •  

Pregunta

Estoy buscando un ejemplo simple de JavaScript que actualice DOM.
¿Alguna sugerencia?

¿Fue útil?

Solución

Aquí hay un breve ejemplo de JavaScript puro.Suponga que tiene un div con la identificación "maincontent".

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

Por supuesto, las cosas son mucho más fáciles (especialmente cuando quieres hacer cosas más complicadas) con jQuery.

Otros consejos

@Ravi

Aquí tienes un ejemplo funcional de tu código.

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

Notarás que agregué un pequeño enlace en el que debes hacer clic para realizar el cambio.Pensé que esto podría hacer que fuera más fácil probarlo de verdad.

Creo que este tutorial sobre jQuery tiene un ejemplo que podría ayudarte: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Una pregunta más específica podría dar resultados más útiles, pero aquí hay un par de fragmentos simples que muestran y luego actualizan el texto en un elemento contenedor de estado.

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

Tengo un código simple como el anterior y estoy intentando cambiar el resultado Verdadero a Falso a través de Javascript usando Prototipo.¿Qué podría estar haciendo mal?

Editar:Entiendo.Yo no lo llamé.:D

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top