DOM 重叠的两种结构：
针对上面的两类DOM 重叠，在解决对某一块 DOM 进行点击事件的触发时，采取的策略是完全不同。以下简单展开来说一下：
这一类的重叠就是我们传统上的 DOM 树 Z 轴重叠，当点击 "子节点" 时，是可以通过事件捕获或者事件冒泡，来对每一层节点注册相对应的 “捕获” 或者 “冒泡”，从而实现相对应的事件的触发。
在点击事件上，当我们希望点击事件触发的是父节点，而不是子节点时，但点击的却是子节点，那么我们只需改变 DOM 树 Z轴的顺序就可以实现，通过 z-index: xxx；来实现，z-index 数值越大，那么对应的Z 轴层级就越靠前，从而实现点击的是最靠前的DOM 节点。
这类的节点的重叠是因为我们对这些节点的位置进行了移动，比如通过：float 浮动、position：absolute/relative；transform： translate（）等方式进行了位置的移动，从而引起了重叠。这类的DOM节点重叠，是不能实现 事件的“捕获/冒泡”的关联起来的，也不能通过 z-index 的改变层级权值来改变 Z轴的顺序的。
这类DOM节点的重叠， 要实现 事件点击 能点击到下层DOM节点而不是点击移动过来的DOM节点，那么就需要使用到 css 的事件穿透属性 pointer-events: none这样就能使点击事件忽略上层设置了穿透的DOM节点，从而到达下层DOM 节点
请确认你在给id=save的html标签绑定click事件的时候，这个html标签是否已经存在。一般这种情况都是你的html代码是在点击事件绑定之后才渲染到页面上的。你可以等页面中有这个html之后才绑定事件，也可以直接在html代码中加 onclick="SaveFun()"。function SaveFun()
{
你的处理代码。
}
有几种原因：
1，你的代码格式不对，有错误。比如你的button，你的script中的代码有错等，总之有很多地方都有可能
2，你的script标签应放在body标签内，而不是head标签。如果非要放在head标签，那就使用window.onload事件，格式为：
window.onload = function(){
//你的代码
}
话说能让我看下代码吗？这样我更好看问题。
