Déclarer la balise <th> d'une table en javascript
bonjour,
Encore moi avec les tables javascript
J'essaie de trouver (sans y arriver) l'instruction qui me permettrai ajouter les header d'une table en javascript. L'équivalent de la balise <th>.
J'image qu'il existe une méthode comme insertRow(), mais je ne trouve pas..
Faut'il faire un insertRow() puis des insertCell() ou exist'il une methode plus propre ?
Je reviens donc avec l'exemple basic ci-dessous.
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
|
<html>
<head>
<script type="text/javascript">
function tst() {
var MyTab = document.createElement('table');
MyTab.style.backgroundColor ="red";
MyTab.style.border="4";
MyTab.id ="EventTable";
var tr = MyTab.insertRow(-1);
var td = tr.insertCell(0);
td.innerHTML="Cel1";
td = tr.insertCell(1);
td.innerHTML="Cel2";
document.getElementById('d2').appendChild(MyTab);
}
</script>
</head>
<body>
<div id="d1">
<input type="button" value="click" onclick="tst();"/>
</div>
<div id="d2">
</div>
</body>
</html> |
Merci