Bonjour, j'essaie d'afficher un graphique sur une page html. Je reçois correctement le code html du graphique (sous forme de <script>) que je transmets à la fonction ci-dessous.

J'ai essayé de créer une div qui contient un span sur ma page web et de remplacer ce span par un nouveau qui contient le code html de mon graphique. Cependant, j'ai remarqué qu'après var newContent = document.createTextNode(result);, ma variable newContent comporte le code html "comme une seule ligne" ce qui pose problème car le premier commentaire efface le reste du code.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
    function addElement (result) {
        var newSpan = document.createElement('span');
        newSpan.id = "graphique";
        var newContent = document.createTextNode(result);
        console.log(newContent)
        newSpan.appendChild(newContent);
        var oldContent = document.getElementById("graphique");
        console.log(oldContent)
        if(oldContent != null){
            var parentDiv = oldContent.parentNode; 
            parentDiv.replaceChild(newContent, oldContent);
    }
Est-ce que quelqu'un aurait une solution ?

Merci de votre aide.