Insérer HTML dans élément JS DOM

Fermé
rgb44 Messages postés 61 Date d'inscription dimanche 28 juillet 2013 Statut Membre Dernière intervention 16 mars 2015 - Modifié par rgb44 le 3/07/2014 à 00:45
Bonsoir,

Je souhaiterai savoir s'il existe des technique (autre que \') pour insérer des guillemets doubles " en plus de guillemets simples ' au sein d'un innerHTML (JS DOM).

Par exemple je souhaite modifier un élément en y ajoutant un spoiler :
(formaté avec des retours à la ligne)

document.getElementById("element").innerHTML='
<div style="margin:20px; margin-top:5px">
<div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Afficher" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" /></div>
<div class="quotecontent">
<div style="display: none;">{TEXT}</div>
</div>
</div>
';

Sauf qu'il existe des guillemets simples et doubles dans mon HTML, sensé être délimité par des guillemets simples, et il en résulte forcément une erreur de lecture. Existe t'il des techniques pour introduire un 3e type de guillemets ?

Merci d'avance.