Output innerHTML- mit

Question

Ich brauche den Inhalt einer Javascript-Variable Ausgang, der HTML-Code in sich hat:

var jsVar = '<div> 
<p> Sample text </p> 
<img src="some image.jpg" alt="" /> 
<div>'; 

Ich möchte es auf der Seite zu einem Objekt hinzufügen innerHTML- verwenden. Wie mache ich es ?

Answer 1

var element= document.getElementById("elementID"); 
element.innerHTML = someHTMLstring; 

Answer 2

document.getElementById('id').innerHTML = jsVar; 

Answer 3

var element = document.getElementById("myElementId"); 
element.innerHTML = jsVar; 

Dies wird vorausgesetzt, Sie das Element über die getElementById() erhalten; Es gibt viele Möglichkeiten, Elemente in JavaScript zu erhalten, z. B. getElementsByTagName() (die ein Array von Elementen zurückgibt) oder Ereignisse auf Elementen, die sich selbst als Argument übergeben.

Auch die Art, wie Sie die Zeichenfolge in jsVar laden, wird derzeit nicht funktionieren. Sie müssen entweder alles auf eine Linie zu bringen, oder mehrere Strings verketten, wie unten:

// Method 1 
var jsVar = '<div><p> Sample text </p><img src="some image.jpg" alt="" /><div>'; 

// Method 2 
var jsVar = '<div>' + 
    '<p> Sample text </p>' + 
    '<img src="some image.jpg" alt="" />' + 
    '<div>'; 

Answer 4

Beachten Sie auch, dass Sie \n verwenden anstelle von Zeilenumbrüchen in JavaScript werden müssen:

var jsVar = '<div>\n<p> Sample text </p>\n<img src="some image.jpg" alt="" />\n<div>'; 

Wenn Sie tun dies nicht, Sie erhalten einen "unterminated string literal" Fehler.

Answer 5

Die Zeichenfolge Sie zuordnen, können nicht über mehrere Zeilen erstrecken:

nicht

ttt = "ab 
c"; 

funktioniert das nicht

ttt = "ab" + 
     "c"; 

besten alle Sonder würde entkommen Zeichen, und loszuwerden Zeilenvorschübe in der Zeichenfolge (Ich mag keine Saiten mit 'gemacht, obwohl es eine persönliche Sache ist :).

var jsVar = "<div><p> Sample text </p> <img src=\"some image.jpg\" alt=\"\" /><div>";