节点的相关操作

var demo = document.getElementById("demo");
		//创建节点
		var div = document.createElement("div");
		var test = document.createElement("ul");
		//获取demo下的所有子标签
		var childrens = demo.children
		//插入节点,并把新插入的节点放到盒子的后面
		demo.appendChild(div);
		//插入节点,可选择放到任意位置,两个参数都得写,第一个参数是新插入的节点,
第二个参数是参照节点
		demo.insertBefore(test,childrens[0]);
		//如果第二个参数为空,即insertBefore(test,null),这种情况会将新节点插入
到盒子最后面,
		//第二个参数即使没有也要写null,否则会报错。
		demo.insertBefore(test,null);
		//克隆节点,给demo克隆一个孩子,克隆one
		var one = document.getElementById("one");
		// cloneNode()括号里面不写true或者false默认为false,只克隆本节点
		var last = one.cloneNode()
		//克隆之后再插入
		demo.appendChild(last);
		//克隆demo,也就是给demo添加兄弟,cloneNode()里面为true,则除了复制本节点
还复制它的子节点。
		demo.parentNode.appendChild(demo.cloneNode(true));

猜你喜欢

转载自blog.csdn.net/g_hold/article/details/81263574