php退出页面父元素,javascript - dom用removechild删除时要先获取父元素，而insertbefore时就不用过去父元素。而可以直接使用...

创建元素

var btn = document.getElementById('btn');

//注册点击事件

btn.onclick = function(){

//创建一个元素

var h1 = document.createElement('h1');

h1.innerHTML = "这是新增h1标签";

console.log( h1 );

//使用appendChild的方式

//document.body.appendChild( h1 );

//使用insertBefore的方式

//是在父元素中，先找一个节点，然后插入到它之前

document.body.insertBefore(h1,btn); //新插入的节点是h1，作为第一个参数

}

删除操作

段落1

删除

//找父节点p

//var box = document.getElementById('box');

//找子节点h2

var h2 = document.getElementsByTagName('h2')[0];

var btn = document.getElementById('btn');

btn.onclick = function() {

//box.removeChild( h2 );

h2.parentNode.removeChild( h2 );

}