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>
    

    Liste des événements

    Chercher une référence

    http://fr.selfhtml.org/javascript/

    Page précédente