Ændre indholdet af et div hjælp af JavaScript

Hvordan du dynamisk ændre indholdet af et div brug af JavaScript?

OriginalForfatteren Rikard | 2010-02-02

4 svar

  1. 24

    Dette bør gøre det:

    <div id="foo">Div you want to change</div>

    Og i JavaScript:

    document.getElementById('foo').innerHTML = 'Your content';
    så betyder det, at du kommer til at skrive et simpelt js-fil, som kommer til at køre, når for eksempel, en der er klikket på knappen? og kan du også fortælle mig, hvordan det kan gøres (jeg er ked af, jeg er meget ny til at javascript coz det lyder lidt dumt for mig, at være en programmør)

    OriginalForfatteren Tatu Ulmanen

  2. 8

    document.getElementById("divId").innerHTML = "new content!"

    Jeg vil anbefale at bruge en ramme, som jQuery selv, fordi chancerne er du vil være at gøre flere ting som dette senere.

    +1 og en sidenote, hvis du ikke ønsker at påvirke den faktiske HTML inde og bare ønsker at ændre teksten inde brug .innerText i stedet.

    OriginalForfatteren Carlos Blanco

  3. 3

    Det er værd at bemærke, at du også kan bruge innerHTML til også at omfatte andre markup. Også hvis det DIV-des ikke har et ID, kan du prøve at bruge getElementsByTagName.

    Eksempel, for at få det første DIV i dokumentet:

    document.getElementsByTagName("div")[0].innerHTML = "<p>This is a <span>new</span> paragraph</p>";

    Dette giver dig mulighed for at sløjfe gennem flere DIVs i dokumentet, og kontrollere andre forhold.

    Og som de sagde ovenfor, hvis P er et ID, som du ved, vil altid være der, så det er bedre at bruge:

    document.getElementById("theID").innerHTML = "<p>This is a <span>new</span> paragraph</p>";

    Tjek Prototype (links nedenstående) (jQuery) i håndteringen af dette som de gør livet lettere, især når du kommer ind i CSS selektorer:

    OriginalForfatteren donohoe

  4. -2
    $(document).ready(function(){
    
    $('#btn').click(function(){   
    
        $('#div_content').load('html.page');
    
     });
    });
    En lille smule af oplysninger ikke ville gøre ondt, men dybest set, yeah!

    OriginalForfatteren varun

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *