31 lines
655 B
HTML
31 lines
655 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script>
|
|
function doit() {
|
|
var newNode = document.createElement("span");
|
|
newNode.appendChild(document.createTextNode("Three"));
|
|
document.getElementById("target")
|
|
.insertBefore(newNode, document.getElementById("insertion"));
|
|
}
|
|
</script>
|
|
<style>
|
|
body > span { border: 3px solid blue }
|
|
</style>
|
|
</head>
|
|
<body onload='doit()'>
|
|
<span id="target"
|
|
><span>One</span
|
|
><span>Two</span
|
|
><div id="insertion">Four</div
|
|
><div>Five</div
|
|
><span>Six</span
|
|
><div>Seven</div
|
|
><div>Eight</div
|
|
><span>Nine</span
|
|
><span>Ten</span
|
|
><span>Eleven</span
|
|
></span>
|
|
</body>
|
|
</html>
|