JS代码与HTML的完全分离【图片库示例】

图片库的HTML里有一个图片部分和文字部分创建来完全是为showPic脚本服务的。既然这些元素这样只是为了DOM方法处理它们的，那么用DOM方法来创建他们最好不过。

1.将他们从HTML中删除。

2.编写函数完成任务

1.创建img元素节点；

2.设置节点id属性；

3.设置节点src属性；

4.设置节点alt属性；

5.创建p元素节点；

6.设置节点id属性；

7.创建文本节点；

8.把文本节点追加到p元素上；

9.把p元素和img插入到HTML文档；

function insertAfter(newElement,targetElement){
	var parent=targetElement.parentNode;
	if(parent.lastChild==targetElement){
		parent.appendChild(newElement);
		}
	else{
		parent.insertBefore(newElement,targetElement.n