html知识

	父元素.insertBefore(新的元素,插入到子元素);
	目标元素.appendChild(文本节点|元素节点);
	var boss1 = document.getElementsByClassName("boss1")[0];
	var box1 = document.getElementsByClassName("box1")[0];
	var box2 = document.getElementsByClassName("box2")[0];
	var h1 = document.createElement("h1");
	var text = document.createTextNode("我是h1");
	h1.appendChild(text);
	boss1.insertBefore(h1,box1);
	document.body.insertBefore(h1,boss1);

	克隆元素.cloneNode(true|false)
	true完全克隆
	false克隆元素(不包括内容)
	var boss1 = document.getElementsByClassName("boss1")[0];
	var box1 = document.getElementsByClassName("box1")[0];
	var box2 = document.getElementsByClassName("box2")[0];
	var clone = box1.cloneNode(false);
	document.body.insertBefore(clone,boss1);

	父元素.removeChild(需要被删的子元素);
	var boss1 = document.getElementsByClassName("boss1")[0];
	var box1 = document.getElementsByClassName("box1")[0];
	var box2 = document.getElementsByClassName("box2")[0];
	boss1.removeChild(box1);
	需要被删的元素.remove();
	box2.remove();

	父元素.replaceChild(新元素,需要被替换的旧元素);
	var boss1 = document.getElementsByClassName("boss1")[0];
	var box1 = document.getElementsByClassName("box1")[0];
	var box2 = document.getElementsByClassName("box2")[0];
	var h1 = document.createElement("h1");
	var text = document.createTextNode("我是h1");
	h1.appendChild(text);
	boss1.replaceChild(h1,box1);

	获取元素class
	目标节点.className = "类样式";
	var box1 = document.getElementsByClassName("box1")[0];
	console.log(box1.className);
	box1.className = "box3";
	
	this
	document.querySelector("input");
	function func(user){
		console.log(user);
	console.log(user.value);
	}
	this通常指向全局|window
	console.log(this);
	var a = 10;
	console.log(a);
	console.log(this.a);
	function func(){
		var a = 20;
	console.log(a);
	console.log(this);
		console.log(this.a);
	}
	func();