Remplacement De Nœuds D'Erreur. Le nœud pour être remplacé n'est pas un enfant de ce nœud

Je ne vois pas ce que je fais de mal. Je reçois un tas de listes de sélection (menus déroulants) et que vous souhaitez les remplacer par un <span>, donc voici mon code:

var selectListElements = document.getElementsByTagName('SELECT');

//select elements
for (var i = 0; i < selectListElements.length; i++) {
    var currentSelectList = selectListElements[i];

    //alert(selectListElements[i].name);
    if (currentSelectList.dontReplace != 'true') {
        var newNode  = document.createElement('SPAN');
        var nodeText = currentSelectList.options[currentSelectList.selectedIndex].value;
        var parentNode = currentSelectList.parentNode;
        parentNode.replaceChild(currentSelectList, newNode);
        i--;

        newNode.innerText           = nodeText;
        newNode.className           = 'tableBody';
        newNode.style.verticalAlign = 'top';
    }
}

Mais ce qui me donne l'erreur:

Uncaught NotFoundError: Échec de l'exécution de 'replaceChild" sur "Nœud": Le nœud pour être remplacé n'est pas un enfant de ce nœud.

Je ne vois pas comment cela peut être le cas! Je suis en saisissant le parent, de sorte qu'il doit être un enfant!

Ce que je fais mal?

OriginalL'auteur J86 | 2014-02-07