createTextNode & createElement
<style type="text/css">
div {
width:280px;
height:200px;
border:solid thin silver;
}
</style>
<script type="text/javascript">
var compteur = 0;
window.onload = function (){
document.getElementById('monBt').onclick = function (){
append();
}
}
function append(){
compteur++;
var nouveauLI = document.createElement('li');
var nouveauTexte = document.createTextNode("Element de liste numero "+compteur);
nouveauLI.appendChild(nouveauTexte);
document.getElementById('Liste').appendChild(nouveauLI);
}
</script>
</head>
<body>
<input id="monBt" type="button" value="Affichage"/>
<ol id="Liste" style="color:crimson; background-color:silver;width:280px;"></ol>
- La méthode javascript createElement crée un nouvel élément pour l'arborescence.
Employé sur des documents HTML, mais également sur des documents XML.
- La méthode javascript createTextNode(valeur) de l'objet document permet de créer un objet Text.
Liste des événements
Chercher une référence
http://fr.selfhtml.org/javascript/
Page précédente