Suite à une validation serveur je voudrais savoir si il est possible de modifier un element HTML déjà affiché via Javascript.
J'ai un tableau :
Code : Tout sélectionner
<div id="profil_parameters">
<div class="ombre">
<div class="profil_titre_paragraphe">
<div>
Vos paramètres :
</div>
</div>
</div>
<div class="ombre">
<table>
<tr onmouseover="afficheImageProfil('profil_nom');" onmouseout="cacheImageProfil('profil_nom');">
<th>Nom</th>
<td>TonNom
</td>
<td>
<img id="profil_nom_image" onclick="modifie_parametres_profil(this.id);" src="images/icons/script_edit.png" alt"Editez vos paramètres" title="Editez vos paramètres"/>
</td>
</tr>
<tr onmouseover="afficheImageProfil('profil_prenom');" onmouseout="cacheImageProfil('profil_prenom');">
<th>Prénom</th>
<td>TonPrénom
</td>
<td>
<img id="profil_prenom_image" src="images/icons/script_edit.png" alt"Editez vos paramètres" title="Editez vos paramètres"/>
</td>
</tr>
</table>
</div>
</div>Dans mon exemple je dispose de deux ID (profil_nom_image et profil_prenom_image) et je cherche à changer (par exemple pour le nom) le "TonNom" en "TonBoNom".
J'ai donc essayer plein de voie mais aucune ne fonctionne. Surtout je ne veux pas mettre d'autre ID dans le tableau car en fait j'ai plus de 200 lignes. Voilà ce que j'ai créé pour le moment.
Code : Tout sélectionner
function changeParametre (id) {
var element = document.getElementById(id);
//on monte de deux niveaux soit à la ligne <tr>
var ElementParentParent = element.parentNode.ParentNode;
//on descent à la ligne <td>
var lacacoince;
}