Wie kann ich dynamisch einen Absatz hinzuzufügen, um ein Dokument, ohne es zu überschreiben alles andere in javascript?

Ich bin nur zu lernen, wie Sie javascript schreiben, aber ich habe bereits gelernt, java. der Unterschied in der syntax treibt mich in den Wahnsinn. ich mache nur einen dummen kleinen Beispiel-code zu sehen, wenn ich kann hinzufügen eines Absatzes am Ende einer Seite an der Klick auf eine Schaltfläche. aber ich kann nicht scheinen, es zu tun. ich bin sicher, dass ich wirklich in der Nähe zu erreichen ist mein Ziel obwohl. ich weiß schon, die Taste funktioniert einwandfrei. es gibt einen ähnlichen Beitrag, der mir geholfen hat, aber ich kann nicht scheinen, um ganz dahin zu kommen, wo ich will. hier ist das javascript:

function displayDate()
{
//object that will hold newParagraph
var iframe = document.createElement("iframe");
iframe.width = 400;
iframe.height += 50;
iframe.id ="iframe";

var comment = "woohooo! go me.";
//var doc = iframe.contentDocument || iframe.document;
var newParagraph = document.createElement('p');
newParagraph.textContent = comment;

//doc.body.appendChild(newParagraph);
iframe.appendChild(newParagraph);
document.getElementById("updateDiv").appendChild(iframe);
//the id updateDiv is in my html
}

den iframe zeigt sich als ein leeres Feld ohne text. ich kann nicht herausfinden, wie man den text im iframe.

hier ist der ähnliche posten, wenn du neugierig bist: Hinzufügen iframe-und Absatz-Elemente dynamisch

Für mich var doc = iframe.contentDocument || iframe.document; gearbeitet, aber var doc = iframe.contentDocument || iframe.contentWindow.document; nicht, und ich war in der Lage, fügen Sie ein iframe auf der Seite, aber dann wird der neue Absatz nicht erscheinen, aus irgendeinem Grund obwohl ich nicht noch weitere Fehler. Nebenbei, einen Grund für die += bei der Einstellung der iframe-Höhe? Als eine weitere beiseite, was ist der Punkt, der mit einem iframe in diesem Szenario (außer um zu beweisen, dass Sie können)?
ich war nur mit dem iframe, weil ich bin neu in javascript und ich folgte einfach den anderen Beispiel, das ich auf dieser website gefunden. ich bin sicher, es gibt andere Möglichkeiten, es zu tun, aber dies ist der einzige Weg, ich mir bewusst bin so weit. und die += wurde, denn dies ist ein Beispielcode, den ich Plane über die Verwendung für eine website, um Kommentare hinzufügen zu einer Seite, so dass Sie mit jedem Kommentar, weitere 50 px in der Höhe Hinzugefügt, damit man den neuen Kommentar passen. so es wächst, um alle passen die neuen Kommentare.
Ich änderte das Skript ein wenig mit deiner Hilfe @nnnnnn, und einige andere Ideen online. die bearbeitete script oben angezeigt. aber ich kann nur die iframe erscheinen als leeres Feld ohne newParagraph. irgendwelche Ideen?
Der code, den Sie geschrieben haben ist sehr ähnlich zu der gebrochenen code in die Frage, die du verlinkt wird. Haben Sie einen Blick auf die akzeptierte Antwort auf die Frage, die Sie miteinander verknüpft. Sie brauchen, um Ihren code wie das mit dem load-Ereignis. Obwohl, ich bin mir nicht sicher, warum würden Sie wollen, um ein iframe-Element wie dieses, ich würde denken, ein div mehr Sinn machen würde. Aber vielleicht gibt es einen Grund.

InformationsquelleAutor luke | 2011-06-20

  1. 5

    Wenn Sie nur wollen, um einen Absatz hinzuzufügen, um das Dokument, Graben den iframe. Ein iframe bettet ein komplett neues Dokument in Ihrem browser-Fenster. Für Ihre Zwecke, einfach Anhängen die <p> element auf die <div id='updateDiv'> genug sein sollte:

    function displayDate() {
    var comment = "woohooo! go me.";
    var newParagraph = document.createElement('p');
    newParagraph.textContent = comment;
    document.getElementById("updateDiv").appendChild(newParagraph);
}

    und hier die HTML:

    <button id='a'>Click Me!</button>
<div id='updateDiv'></div>

    Und hier ist der fiddle-Beispiel:
    http://jsfiddle.net/MYy72/

    InformationsquelleAutor devoid

Schreibe einen Kommentar