Insérer HTML dans DOM

je besoin d'insérer ce code JS dans mon html:Insérer HTML dans DOM

var1 = "texte1" + "\ntext2"

J'utilisé:

var newPara = document.createElement('h1'); 
var texte = document.createTextNode(var1); 
newPara.appendChild(texte); 
document.body.appendChild(newPara);

Quand je modifier ce code, il n'y a pas de problème. Mais je ne peux pas insérer en HTML parce que var1 n'est pas TextNode. (Je voudrais trouver une solution sans Jquery).

Source

2017-03-09 AntoineGUENEAU

Quel est votre résultat attendu? –

Si je vous suis correctement, vous avez une chaîne HTML dans 'var1'? Ce n'est pas toujours le plus sûr mais si vous avez le HTML comme une chaîne, utilisez simplement 'newPara.innerHTML = var1' – Phil

Cela dépend de ce que vous voulez faire (ce qui devrait aller dans la question). Essayez d'échapper au contenu de var1, comme 'var1 = 'var1 =" texte1 "+" \\ ntext2 "';' – traktor53

Je suis confus, alors essayez-vous d'insérer uniquement le texte dans l'élément que vous avez créé? Ou pur code javascript dans le code HTML? Si le texte est juste, obtenir l'élément par tag ou id (idéalement, moins de place pour l'erreur et la vérification des éléments), puis insérer le texte dans le innerHTML

document.GetElementById ("IDValue"). InnerHTML = textValue

MISE À JOUR: Comme l'indique l'une de vos réponses, définissez innerHTML avant d'ajouter l'élément s'il n'existe pas.

Source

2017-03-09 22:08:12 alexandros300

Insérer HTML dans DOM

Répondre

Questions connexes