mirror of
https://github.com/rkd77/elinks.git
synced 2024-12-04 14:46:47 -05:00
29 lines
823 B
HTML
29 lines
823 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
|
|
<ul id="myList1"><li>Coffee</li><li>Tea</li></ul>
|
|
<ul id="myList2"><li>Water</li><li>Milk</li></ul>
|
|
|
|
<p>Click the button to copy an item from one list to another.</p>
|
|
|
|
<button onclick="myFunction()">Try it</button>
|
|
|
|
<p>Try changing the <em>deep</em> parameter to false, and only an empty LI element will be cloned.</p>
|
|
|
|
<script>
|
|
function myFunction() {
|
|
var itm = document.getElementById("myList2").lastChild;
|
|
console.assert(itm.outerHTML === '<li>Milk</li>', 'Milk');
|
|
var cln = itm.cloneNode(true);
|
|
document.getElementById("myList1").appendChild(cln);
|
|
console.assert(document.getElementById("myList1").innerHTML === '<li>Coffee</li><li>Tea</li><li>Milk</li>', 'Coffee, Tea, Milk');
|
|
}
|
|
|
|
console.error('element.cloneNode.html');
|
|
myFunction();
|
|
console.exit();
|
|
</script>
|
|
|
|
</body>
|
|
</html> |