Forum « Re: innerHTML ne fonctionne pas sous IE 6.0 »

Forum « Programmation Javascript » (archives)

Re: innerHTML ne fonctionne pas sous IE 6.0

Envoyé: 15 janvier 2005, 9h52 par Oznog

Salut,

"innerHTML" fonctionne très bien sous IE6. Mais pas pour les version antérieures.

Faudrait voir le constructeur "Table" ? (très mauvais choix de nom en passant, porte a confusion avec l'élément "table!").

Tu as des insertRow(); mais un grand nombre d'élément (du DOM) et de méthode à ta disposition. Des "cloneNode", "appendChild" au "insertBefore" avec le "createElement('tr') ou 'td'". Le innerHTML mais aussi le "insertCell".

Exemple simple :

<html>
<head>
<title>Trucsweb : twAjouteLigne</title>
<script type="text/javascript">
// Trucsweb.com
// Valeurs par défaut
var aCellules = new Array();
aCellules[0] = 'Valeur par défaut #1';
aCellules[1] = 'Valeur par défaut #2';

function twAjouteLigne(_table,_Position,_aCellules) {
var oLigne = document.getElementById(_table).insertRow(_Position);
for (l=0;l<aCellules.length;l++) {
oCell = oLigne.insertCell(l);
oCell.innerHTML = _aCellules[l];
}
}
</script>
</head>

<body>

<table id="maTable" border="1">
<tr><td>Ligne 1 - Cellule 1</td><td>Ligne 1 - Cellule 2</td></tr>
<tr><td>Ligne 2 - Cellule 1</td><td>Ligne 1 - Cellule 2</td></tr>
</table>

<form>
<input type="button" onclick="twAjouteLigne('maTable',1,aCellules)" value="Insérer une ligne">
</form>
</body>

</html>

Ciao
Oznog