CSS non prise en compte avec un innerHTML
Bonjour à tous,
J'ai un fichier js qui me créer un arbre en fonction d'un fichier JSON et qui me retourne le résultat de cet arbre sous forme html, de ce style.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <ul id="arbre" class="filetree treeview-black">
<li>Couches
<ul>
<li>
<span>Fond de plan</span>
<ul>
<li>franceRaster</li>
</ul>
</li>
<li>
<span>Cours d'eau</span>
<ul>
<li>Cours d'eau</li>
</ul>
</li>..... |
Mon fichier js renvoie le résultat de cette façon la :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| function initJson(){
$.getJSON("../js/couchesJSON.json", function(json){
strMakeTree = makeTree(json);
//Ciblage du paragraphe
var treeNode = document.getElementById("tree");
if (treeNode) {
treeNode.innerHTML = strMakeTree;
}
});
} |
Et de l'autre coté j'ai une page jsp avec un div qui a id="tree".
Code:
1
2
3
| <div id="tree" class="content" style="overflow: auto; height: 179px;">
</div> |
Mais le soucis c'est que mon code css n'est pas appliqué à mon arbre alors que si je colle le résultat html que me renvoie mon js en dur directement dans la jsp mon arbre s'affiche correctement.
Merci de votre aide
