37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<html>
|
|
<head>
|
|
<title>Test CloneNode</title>
|
|
<script type="text/javascript">
|
|
<!--
|
|
function init() {
|
|
var brNode = document.createElement("br");
|
|
|
|
var myDiv = document.getElementById("myDiv");
|
|
myDiv.style["fontSize"] = "30";
|
|
myDiv.style["borderWidth"] = "2";
|
|
myDiv.style["borderStyle"] = "ridge";
|
|
myDiv.style["backgroundColor"] = "yellow";
|
|
|
|
var myClonedDiv = myDiv.cloneNode(false);
|
|
myClonedDiv.id = "myClonedDiv";
|
|
myClonedDiv.appendChild(brNode);
|
|
myDiv.parentNode.appendChild(document.createTextNode("Cloned Node with deep=false"));
|
|
myDiv.parentNode.appendChild(myClonedDiv);
|
|
|
|
var myDeepClonedDiv = myDiv.cloneNode(true);
|
|
myDeepClonedDiv.id = "myDeepClonedDiv";
|
|
myDiv.parentNode.appendChild(document.createTextNode("Cloned Node with deep=true"));
|
|
myDiv.parentNode.appendChild(myDeepClonedDiv);
|
|
|
|
}
|
|
//-->
|
|
</script>
|
|
</head>
|
|
<body onload="init()">
|
|
<h1>Cloning nodes</h1>
|
|
<div id="myDiv">
|
|
<span style="font-weight:bold">Bold<span style="text-decoration:underline">Bold+Underline<span style="font-style:italic">Bold+Underline+Italic</span>Bold+Uunderline</span>Bold</span>
|
|
</div>
|
|
</body>
|
|
</html>
|