Wie manBefore () Element in Body-Tag einfügen?

Ich versuche, mit insertBefore in js so:

var p = document.createElement("p");
p.innerHTML = "test1";
document.body.insertBefore(p, null);

var p = document.createElement("p");
p.innerHTML = "test2";
document.body.insertBefore(p, null);

Aber, das wäre die Letzte p-element nur vor dem schließen des body-tag, wie könnte ich es nutzen, so wird es Hinzugefügt, um die top-wenn man es öffnet? Also das Letzte element Hinzugefügt, wird das erste element innerhalb des body-Tags.

Habe ich versucht:

document.body.insertBefore(p, document.getElementsByTagName('body')[0]);

Aber firebug zeigt:

Knoten nicht gefunden wurde" code: "8

InformationsquelleAutor der Frage slemdx | 2011-05-16

  1. 4
    document.body.prepend(p);

    Dies ist eine neue Ergänzung in der (wahrscheinlich) ES7. Es ist vanilla JS und ist besser lesbar als die bisherigen Optionen. Es steht derzeit in 83% der Browsereinschließlich Chrome, FF und Opera.

    Können Sie direkt anfügen von strings, obwohl Sie nicht " p " - tags

    document.body.prepend('This text!');

    Links: developer.mozilla.org - Polyfill

    InformationsquelleAutor der Antwort Gibolt

  2. 1

    Können, müssen Sie, bevor Sie etwas. document.getElementsByTagName('body')[0] ist das body-element (die syntax ist ein bisschen ein trick das body-element in allen Browsern)1. Wenn Sie möchten, legen Sie in den Körper, die Sie einfügen möchten, bevor das erste element von es. Das könnte so Aussehen:

    var body   = document.body || document.getElementsByTagName('body')[0],
    newpar = document.createElement('p');
newpar.innerHTML = 'Man, someone just created me!';
body.insertBefore(newpar,body.childNodes[0]);

    1 in einigen Browsern ist es document.body andere document.documentElement etc., aber in allen Browsern der tagname ist body

    InformationsquelleAutor der Antwort KooiInc

Schreibe einen Kommentar