sortie en utilisant innerHTML

Question

je dois sortir le contenu d'une variable Javascript qui a le code html dans ce:

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

Je veux ajouter à un objet sur la page en utilisant innerHTML. Comment fait-on ça ?

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; 

Ceci suppose que vous obtenez votre élément via getElementById(); Il y a plusieurs façons d'obtenir des éléments en JavaScript, comme getElementsByTagName() (qui retourne un tableau d'éléments) ou en écoutant des événements sur des éléments qui se passent en argument.

De même, la façon dont vous chargez la chaîne dans jsVar ne fonctionnera pas actuellement. Vous avez besoin soit de le mettre sur une seule ligne, ou concaténer plusieurs chaînes, comme ci-dessous:

// 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

Notez également que vous devrez utiliser \n au lieu de linebreaks en JavaScript:

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

Si vous ne le faites pas, vous obtiendrez une erreur "unterminated string literal".

Answer 5

La chaîne que vous affectez, ne peut pas couvrir plusieurs lignes:

cela ne fonctionne pas

ttt = "ab 
c"; 

cela ne

ttt = "ab" + 
     "c"; 

mieux serait tout spécial échapper caractères, et se débarrasser des sauts de ligne dans votre chaîne (je n'aime pas les chaînes faites avec ', bien que ce soit une chose personnelle :).

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