reload Inhalt des div mit javascript

Ich versuche neu zu laden den Inhalt div tag-auf die Schaltfläche-klicken. Ich kann es mit mit:

function reload_div()
{   
    document.getElementById('div_id').innerHTML = 'blah blah blah';
}

aber das problem ist, dass div tag enthält Tausende von Zeilen und wenn ich versuche zu acomplish die div-nachladen mit der vorherigen Funktion, wird der browser eingefroren. Ich war auf der Suche nach einer Lösung auf stackoverflow, aber alles was ich gefunden habe ist mit der Verwendung von ajax oder jquery und ich habe nicht verwendet diese Bibliothek vor. Also, kann ich die reload von div-Inhalt mit javascript und html nur? Danke.

InformationsquelleAutor Eng.Fouad | 2011-08-27
  1. 1

    Ich bin mir nicht sicher, warum würden Sie wollen, zu laden, so viel Inhalt mit javascript in den ersten Platz, aber Sie konnten jederzeit in das javascript in einer externen Datei, damit der browser-cache konnte es. Das sollte helfen, wenn es der browser, das laden der Skript, was die Seite zu frieren.

    Fühlen Sie sich frei zu posten, mehr code und ich werde schauen wenn Sie das nicht tun es für Sie.

    InformationsquelleAutor Donnie
  2. 0

    Kann man nicht genau "aktualisieren" die Inhalte, die ich glaube nicht, ich habe noch nie davon gehört. (ich bin allerdings kein Experte) Aber ich habe gehört der Wechsel der Inhalte mit javascript, versuchen, etwas zu verlinken:

    hier ist dein button & div mit Inhalt:

    <a href="divrefresh()">Refresh it!</a>
<div id="content"><p>Some Stuff!</p></div>

    Hier ist die js zugrunde liegende, Sie haben eine Funktion, die verwendet wird, oben in dem link.

    function divrefresh() {
     document.getElementById('content').innerHTML = "Some new stuff!"
}

    ETA: Huch, sehe ich den rest von deinem post jetzt. Ich bin mir nicht sicher, warum das einfrieren des Browsers. Try jQuery, es ist wirklich einfach zu bedienen, das ist, warum jeder liebt es. Wenn Sie gefunden haben, eine jQuery Lösung, ich würde nicht zögern, probieren Sie es aus! Post-it und ich kann dir helfen.

    Wenn Sie WIRKLICH nicht wollen, zu verwenden, jQuery oder Ajax, dann denke ich, die einzige andere Lösung besteht darin, die Linien in Ihren eigenen HTML-Dokument, ein iframe, und aktualisieren Sie den iframe.

    • document.getElementById braucht eine ID, nicht ein CSS-Selektor, der auswählt, von ID.
    • oops, ja, sorry Tippfehler.
    InformationsquelleAutor alt
  3. 0

    Sie könnten versuchen, mit removeChild, in einer Vielzahl von Möglichkeiten (ich bin mir nicht sicher, ob der folgende code freeze des Browsers, oder nicht, aber einen Versuch ist es Wert):

    1)

    function reload_div() {
    //Remove all child nodes from div first
    var div = document.getElementById('div_id');
    while (div.firstChild) {
        div.removeChild(div.firstChild);
    }

    document.getElementById('div_id').innerHTML = 'blah blah blah';
}

    2)

    function reload_div() {
    //Remove the div first
    var parent = document.getElementById('div_id').parentNode;
    parent.removeChild(document.getElementById('div_id'));

    //Recreate the div
    var div = document.createElement('div');
    div.setAttribute('id', 'div_id');

    //Append the div to the parent
    parent.appendChild(div);

    document.getElementById('div_id').innerHTML = 'blah blah blah';
}
    • Nein, Sie nicht mich verstehen, ich will das nachladen der gleiche Inhalt div im gleichen div denn der Benutzer ändert seine Inhalte und ich laden wollen div so dass alle änderungen canceld und der Inhalt wird derselbe sein wie wenn ich aktualisieren die ganze Seite. Ich brauche nicht blah blah blah es ist nur ein Beispiel. Vielen Dank für Eure Hilfe jedenfalls 🙂
    InformationsquelleAutor kevinji
Schreibe einen Kommentar