Skip to content

Instantly share code, notes, and snippets.

@taliwalt
Forked from anonymous/index.html
Last active August 29, 2015 14:23
Show Gist options
  • Save taliwalt/87d0d56dd027ea9243c6 to your computer and use it in GitHub Desktop.
Save taliwalt/87d0d56dd027ea9243c6 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div id="div1"></div>
<script id="jsbin-javascript">
var parentDiv = document.getElementById("div1");
var newParagraph = document.createElement("p");
var t = document.createTextNode("Hello World");
newParagraph.appendChild(t);
parentDiv.appendChild(newParagraph);
//end 1st paragraph insertion
var anotherNewParagraph = document.createElement("p");
var t2 = document.createTextNode("Goodbye World!");
anotherNewParagraph.appendChild(t2);
paragraph1 = parentDiv.firstChild;
parentDiv.insertBefore(anotherNewParagraph, paragraph1);
//end 2nd paragraph insertion before 1st paragraph
var yetAnotherNewParagraph = document.createElement("p");
var t3 = document.createTextNode("I'm Back");
yetAnotherNewParagraph.appendChild(t3);
var target = parentDiv.childNodes[1];
parentDiv.insertBefore(yetAnotherNewParagraph,target.nextSibling);
</script>
<script id="jsbin-source-javascript" type="text/javascript">var parentDiv = document.getElementById("div1");
var newParagraph = document.createElement("p");
var t = document.createTextNode("Hello World");
newParagraph.appendChild(t);
parentDiv.appendChild(newParagraph);
//end 1st paragraph insertion
var anotherNewParagraph = document.createElement("p");
var t2 = document.createTextNode("Goodbye World!");
anotherNewParagraph.appendChild(t2);
paragraph1 = parentDiv.firstChild;
parentDiv.insertBefore(anotherNewParagraph, paragraph1);
//end 2nd paragraph insertion before 1st paragraph
var yetAnotherNewParagraph = document.createElement("p");
var t3 = document.createTextNode("I'm Back");
yetAnotherNewParagraph.appendChild(t3);
var target = parentDiv.childNodes[1];
parentDiv.insertBefore(yetAnotherNewParagraph,target.nextSibling);</script></body>
</html>
var parentDiv = document.getElementById("div1");
var newParagraph = document.createElement("p");
var t = document.createTextNode("Hello World");
newParagraph.appendChild(t);
parentDiv.appendChild(newParagraph);
//end 1st paragraph insertion
var anotherNewParagraph = document.createElement("p");
var t2 = document.createTextNode("Goodbye World!");
anotherNewParagraph.appendChild(t2);
paragraph1 = parentDiv.firstChild;
parentDiv.insertBefore(anotherNewParagraph, paragraph1);
//end 2nd paragraph insertion before 1st paragraph
var yetAnotherNewParagraph = document.createElement("p");
var t3 = document.createTextNode("I'm Back");
yetAnotherNewParagraph.appendChild(t3);
var target = parentDiv.childNodes[1];
parentDiv.insertBefore(yetAnotherNewParagraph,target.nextSibling);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment