JavaScript插入节点insertBefore

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="test">这是一个节点</div>
</body>
</html>
<script>
var oTest = document.getElementById("test");
var newNode = document.createElement("p");
newNode.innerHTML = "This is a test";
oTest.insertBefore(newNode , oTest.childNodes[0]); //childNodes[0]是固定死的方法（表示子节点）
</script>

效果如图：