Erstellen Sie ein DOM-Dokument aus string, ohne JQuery
Sind wir auf der Suche nach Möglichkeiten zum erstellen einer DOM-Dokument in javascript-string, aber ohne die Verwendung von Jquery.
Gibt es eine Möglichkeit, dies zu tun? [Ich nehme also an, da Jquery kann es tun!]
Für diejenigen, die neugierig sind, können wir nicht verwenden, Jquery, becase wir tun dies im Rahmen einer Chrom-Applikation content-Skript und Verwendung von Jquery würde nur unsere content-Skript zu schwer.
InformationsquelleAutor der Frage Julien Genestoux | 2012-03-07
Du musst angemeldet sein, um einen Kommentar abzugeben.
Fall, dass Sie noch auf der Suche nach einer Antwort, und für alle anderen kommen über es, ich habe gerade versucht haben zu tun die gleiche Sache mir. Es scheint, dass Sie wollen, zu betrachten javascript DOMImplementation:
http://reference.sitepoint.com/javascript/DOMImplementation
Gibt es nur wenige Referenzen zur Kompatibilität auch hier, aber es ist ziemlich gut unterstützt.
Im wesentlichen erstellen Sie ein neues Dokument zu Bearbeiten, die Sie möchten, erstellen Sie ein neues Doctype-Objekt (wenn du gehst, um einige Standard-basierte Sachen) und erstellen Sie dann das neue Dokument mit dem neu erstellten Doctype-variable.
Gibt es mehrere Optionen, die in beide der doctype und das Dokument, aber wenn Sie ein HTML5-Dokument handelt, es scheint, Sie wollen zu verlassen, die meisten von Ihnen werden als leere Zeichenfolgen.
Beispiel (Neue HTML5-DOM-Dokument):
Das neue Dokument sieht jetzt wie folgt aus:
Beispiel (Neue XHTML-DOM-Dokument):
So ist es bis zu Ihnen, zu füllen den rest. Man könnte dies so einfach wie das ändern
Gehen oder mit dem strengeren:
Dir.
InformationsquelleAutor der Antwort woosteln
https://developer.mozilla.org/en-US/docs/Web/API/DOMParser
(die resultierende
doc
variable ist ein documentFragment-Objekt).InformationsquelleAutor der Antwort apratimankur
createDocumentFragment
kann Ihnen dabei helfen.https://developer.mozilla.org/En/DOM/DocumentFragment
Browser immer auf Dokument erzeugen, indem Sie sich mit einer leeren Seite (about:blank).
Vielleicht, in Chrome-Anwendung gibt es einige Funktionen (wie XUL FF), aber es gibt keine solche Funktion in normalen javascript.
InformationsquelleAutor der Antwort kirilloid
InformationsquelleAutor der Antwort Manatok
HTML möchte:
JS würde so Aussehen:
InformationsquelleAutor der Antwort Srikanth Kshatriy
Ich habe versucht, einige der anderen Möglichkeiten hier, sondern dort, wo Probleme bei der Erstellung von script-Elementen wie Chrom Weigerung, die Last der tatsächlichen .js-Datei verweist das src-Attribut. Unten ist das, was funktioniert am besten für mich.
Es ist bis zu 3x schneller als jQuery und 3,5 x schneller als mit DOMParser, aber 2x langsamer als programmgesteuert erstellen Sie das element.
https://www.measurethat.net/Benchmarks/Show/2149/0
Beispiele:
InformationsquelleAutor der Antwort Derek Ziemba
War ich in der Lage, dies zu tun, indem Sie den html-string auf einen iframe
InformationsquelleAutor der Antwort bobharley