Forum d'entraide PHPFrance

Bonjour,

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>

Où j'aimerais changer la cellule <td> de la ligne reconnue via l'ID.
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;
}

Je pense que l'idée est bonne mais que je m'y prends mal...

Forum d'entraide PHPFrance

Accéder a un element HTML du DOM

Accéder a un element HTML du DOM