Essayer d'ajouter le noeud HTML, mais il ne semble pas

Question

J'ai la fonction javascript suivante:

function addConfirmLine(number, strItem, strValue) { 
     var confirmLine = document.getElementById("divConfirmation").appendChild(document.createElement("div")); 
     confirmLine.id = "divConfirmLine" + number; 

     var confirmItem = confirmLine.appendChild(document.createElement("div")); 
     confirmItem.className = "confirmItem"; 
     confirmItem.nodeValue = strItem; 

     var confirmValue = confirmLine.appendChild(document.createElement("div")); 
     confirmValue.className = "confirmValue"; 
     confirmValue.nodeValue = strValue; 
    } 

et un div comme celui-ci

<div id="divConfirmation"> 
    <div class="checkHead"> 
     Check the following details. Click "Prev" to make corrections. Click "Upload" to process and upload the sermon. 
    </div> 
</div> 

Le but est de se retrouver avec quelque chose comme ceci:

<div id="divConfirmation"> 
    <div class="checkHead"> 
     Check the following details. Click "Prev" to make corrections. Click "Upload" to process and upload the sermon. 
    </div> 
    <div id="divConfirmLine1"> 
     <div class="confirmItem">Item1</div> 
     <div class="confirmValue">Value1</div> 
    </div> 
    <div id="divConfirmLine2"> 
     <div class="confirmItem">Item2</div> 
     <div class="confirmValue">Value2</div> 
    </div> 
</div> 

Le problème est que cela ne fonctionne pas. Les nouveaux div n'apparaissent pas, et je n'ai aucune erreur. Qu'est-ce que je fais mal?

Answer 1

La valeur nodeValue d'un élément est toujours nulle. Vous souhaitez ajouter des nœuds de texte:

confirmItem.appendChild(document.createTextNode(strItem)); 
confirmValue.appendChild(document.createTextNode(strValue));