| 12
 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
 44
 45
 46
 47
 48
 49
 50
 
 |  
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function creation()
{
    	var divTest;
        divTest = document.createElement("div");
    	divTest.style.width = "50px";
    	divTest.style.height = "50px";
    	divTest.style.backgroundColor = "#FF0000";
        divTest.id="idTest_1";
    	document.body.appendChild(divTest);
 
    	divTest = document.createElement("div");
    	divTest.style.width = "50px";
    	divTest.style.height = "50px";
    	divTest.style.backgroundColor = "#0000FF";
        divTest.id="idTest_2";
    	document.body.appendChild(divTest);
 
    	divTest = document.createElement("div");
    	divTest.style.width = "50px";
    	divTest.style.height = "50px";
    	divTest.style.backgroundColor = "#FF00FF";
        divTest.id="idTest_3";
    	document.body.appendChild(divTest);
 
}
 
function destruction()
{
  var parent = document.getElementById("idTest_2").parentNode;
  parent.removeChild(document.getElementById("idTest_2"));
}
//-->
</script>
 
</head>
 
<body onload="creation()">
<input type="button" value="Bouton" onclick="destruction()"/>
 
 
</body>
 
</html> | 
Partager