OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>Test CloneNode</title> | 3 <title>Test CloneNode</title> |
4 <script type="text/javascript"> | 4 <script type="text/javascript"> |
5 <!-- | 5 <!-- |
6 function init() { | 6 function init() { |
7 var brNode = document.createElement("br"); | 7 var brNode = document.createElement("br"); |
8 | 8 |
9 var myDiv = document.getElementById("myDiv"); | 9 var myDiv = document.getElementById("myDiv"); |
10 myDiv.style["fontSize"] = "30"; | 10 myDiv.style["fontSize"] = "30"; |
11 myDiv.style["borderWidth"] = "2"; | 11 myDiv.style["borderWidth"] = "2"; |
12 myDiv.style["borderStyle"] = "ridge"; | 12 myDiv.style["borderStyle"] = "ridge"; |
13 myDiv.style["backgroundColor"] = "yellow"; | 13 myDiv.style["backgroundColor"] = "yellow"; |
14 | 14 |
15 var myClonedDiv = myDiv.cloneNode(false); | 15 var myClonedDiv = myDiv.cloneNode(false); |
16 myClonedDiv.id = "myClonedDiv"; | 16 myClonedDiv.id = "myClonedDiv"; |
17 myClonedDiv.appendChild(brNode); | 17 myClonedDiv.appendChild(brNode); |
18 myDiv.parentNode.appendChild(document.createTextNode("Cloned Node with deep=
false")); | 18 myDiv.parentNode.appendChild(document.createTextNode("Cloned Node with deep=
false")); |
19 myDiv.parentNode.appendChild(myClonedDiv); | 19 myDiv.parentNode.appendChild(myClonedDiv); |
20 | 20 |
21 var myDeepClonedDiv = myDiv.cloneNode(true); | 21 var myDeepClonedDiv = myDiv.cloneNode(true); |
22 myDeepClonedDiv.id = "myDeepClonedDiv"; | 22 myDeepClonedDiv.id = "myDeepClonedDiv"; |
23 myDiv.parentNode.appendChild(document.createTextNode("Cloned Node with deep=
true")); | 23 myDiv.parentNode.appendChild(document.createTextNode("Cloned Node with deep=
true")); |
24 myDiv.parentNode.appendChild(myDeepClonedDiv); | 24 myDiv.parentNode.appendChild(myDeepClonedDiv); |
25 | 25 |
26 } | 26 } |
27 //--> | 27 //--> |
28 </script> | 28 </script> |
29 </head> | 29 </head> |
30 <body onload="init()"> | 30 <body onload="init()" style="overflow:hidden;"> |
31 <h1>Cloning nodes</h1> | 31 <h1>Cloning nodes</h1> |
32 <div id="myDiv"> | 32 <div id="myDiv"> |
33 <span style="font-weight:bold">Bold<span style="text-decoration:underline">B
old+Underline<span style="font-style:italic">Bold+Underline+Italic</span>Bold+Uu
nderline</span>Bold</span> | 33 <span style="font-weight:bold">Bold<span style="text-decoration:underline">B
old+Underline<span style="font-style:italic">Bold+Underline+Italic</span>Bold+Uu
nderline</span>Bold</span> |
34 </div> | 34 </div> |
35 </body> | 35 </body> |
36 </html> | 36 </html> |
OLD | NEW |