einfügen/entfernen-HTML-Inhalt zwischen die div-tags

wie kann ich fügen Sie einige HTML-code zwischen <div id="mydiv">...</div> mit javascript?

Ex: <div id="mydiv"><span class="prego">Something</span></div> seiner über 10 Zeilen html die meisten. danke

Sind Sie ersetzt den HTML-Code in das div, oder Sie mehr in das div?

InformationsquelleAutor ant | 2009-11-17

  1. 29

    Wenn Sie ersetzen den Inhalt des div-und HTML als string, können Sie die folgenden verwenden:

    document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';

    InformationsquelleAutor Bryan Kyle

  2. 13

    Einen einfachen Weg, dies zu tun mit vanilla-JavaScript wäre, die Nutzung appendChild.

    var mydiv = document.getElementById("mydiv");
var mycontent = document.createElement("p");
mycontent.appendChild(document.createTextNode("This is a paragraph"));
mydiv.appendChild(mycontent);

    Oder verwenden Sie innerHTML wie andere erwähnt haben.

    Oder wenn Sie möchten, um jQuery verwenden, das obige Beispiel könnte wie folgt geschrieben werden:

    $("#mydiv").append("<p>This is a paragraph</p>");

    InformationsquelleAutor Zack The Human

  3. 3
    //Build it using this variable
var content = "<span class='prego'>....content....</span>"; 
//Insert using this:
document.getElementById('mydiv').innerHTML = content;

    InformationsquelleAutor Doug Neiner

  4. 2
     document.getElementById("mydiv").innerHTML = "<span class='prego'>Something</span>";

    Sollte es tun. Wenn Sie bereit sind, verwenden Sie die jQuery-es könnte nicht einfacher sein.

    InformationsquelleAutor Vincent Ramdhanie

  5. 2

    Dokument.getElementById('mydiv').innerHTML = 'was auch immer';

    InformationsquelleAutor prime_number

  6. 2

    Das ist wirklich Art von einem mehrdeutigen Anfrage. Es gibt viele Möglichkeiten, dies erreicht werden kann.

    document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';

    Ist die einfachste. ODER;

    var spn = document.createElement('span');
spn.innerHTML = 'Something';
spn.className = 'prego';
document.getElementById('mydiv').appendChild(spn);

    Bevorzugt, diese beiden Methoden wäre die Verwendung einer Javascript-Bibliothek, die erstellt shortcut-Methoden für die einfachen Dinge, wie mootools. (http://mootools.net)

    Mit mootools dieser Aufgabe Aussehen würde:

    new Element('span', {'html': 'Something','class':'prego'}).inject($('mydiv'));
    In diesem Fall mootools ist nicht viel von einer Verknüpfung. Sie sparen nur sechs Zeichen, und zu verstehen, einen neuen Rahmen. Mootools geeignet sein könnten für komplexere Funktionen, insbesondere dort, wo die Lösung unterscheidet sich pro browser.

    InformationsquelleAutor Dustin Hansen

Schreibe einen Kommentar