document.createTextNode à partir d'array
Bonjour,
je viens de débuter le javascript et j'essaye de faire un code qui va implémenter des balises html voici:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" />
</head>
<body>
<div id="divTD1">
</div>
<script type="text/javascript">
var textNodes = [
document.createTextNode('JavaScript'),
document.createTextNode('JScript'),
document.createTextNode('ActionScript'),
document.createTextNode('EX4')
];
var tableau_ul = document.createElement('ul');
for (var i=0;i < textNodes.length; i++)
{
// Création de l'élément
var tableau_li[i] = document.createElement('li');
//insertion des textnodes
tableau_li[i].appendChild(textNodes[i]);
// insertion de l'élément dans ul
tableau_ul.appendChild(tableau_li[i]);
}
var conteneur_div = document.getElementById('divTD1');
conteneur_div.appendChild(tableau_ul);
if(typeof(tableau_li[0])=='undefined'){
alert(tableau_li[0] +' maVariable indéfinie');
}
else{
alert(tableau_li[0] +' maVariable définie');
}
</script>
</body>
</html> |
Comme il ne se passait rien j'ai rajouté un if avec alert pour voire si les variables existent mais toujours, je suis un peu perdu je dois vous avouer.
d'avance merci de vos réponses.