今天完成的事情：

今天完成任务4的法官日记页面。依然是先从localStorage中提取出之前存储的数据，

然后用createElement方法和createTextNode方法根据需要创建出新的元素节点和文

本节点，然后用appendChild方法把它们插入节点树。中间还用到了indexOf方法来

判断是属于杀手数组还是水民数组。

明天计划的事情：

继续任务4，写剩下的几个页面，先把业务逻辑理清楚，总结下写这类任务的关键点

遇到的问题：

一开始写的时候还是免不了有点懵，因为和之前的任务不同，这次要创建很多新的

元素，虽然翻来覆去还是那些数据，只不过是展示的形式不同罢了，但毕竟写的代

码还是少，手太生，不熟练。后来向师兄请教，找准了思路，问题就渐渐解决了。

收获：

王义山今天跟大家分享了z-index与重叠上下文，这个知识点之前还挺陌生的，因为

做任务时很少用到z-index，最多的也就是用到position:fixed;的时候。z-index属

性指定了元素及其子元素的z-轴顺序，而z-顺序决定哪个元素在上面，通常较大的

z-index值，会覆盖较低的。层叠上下文:英文叫“stacking content”,是HTML中的

一个三维的概念。如果一个元素含有层叠上下文，我们可以理解为这个元素在z轴上

就“高人一等”。这里出现了z轴，z轴是我们的眼睛与页面的垂直抽象的距离。

之前用到的appendChild方法是在父节点的最后插入子节点，如果阿想在已有元素前

插入新元素则可以使用insertBefore方法，调用语法为：

parentElement.insertBefore(newElement,targetElement)

DOM本身没有提供insertAfter方法，但我们可以利用已有的DOM方法和属性编写一个

insertAfter函数：

function insetAfter(newElement,parentNode) {

  var parent = targetElement.parentNode;

  if(parent.lastChild == targetElement) {

    parent.appendChild(newElement);  

  } else {

    parent.insertBefore(newElement,targetElement.nextSibling);  

  }

}