让梦想照进现实， js dom 开心截图

前面写日记，我终于发现了一个问题，就是博客写的晦涩难道，从今天开始我打算慢慢练成写成可以轻松阅读的博客来，慢慢练习吧，我觉得只要用心，会越来越熟练的！渐进式开发，渐进式写日记（不断的加以修正和扩充）－－－目前感觉这种思维是最符合规律的思维！

我采用边写边写博客的方式，慢慢的引导思维的流动！

 

我们先有必要看下，基本的代码逻辑！

上面的代码虽然少，但是牵扯到了事件的监听，和事件的处理　，　

 

画了，这么多，其实就是个事件监听的处理过程，这个思维在各处都能用得到，上面要用文字就是

按钮点击了－－－》浏览器监听到了－－》封装事件对象＝＝＝》将该对象交给事件处理函数　

重点就是， 该事件对象封装了事件所有的信息！！

在此多扯一下， java 当中的swing awt 都用到了该思路，android 也是， 显示设置的锅炉表也是，

闹钟，小爱的闹钟功能，其实就是描述，当什么什么的时候， 就怎么怎么样， 说到底，还是回调！

好，当我们看懂上面的代码后，我么就可以进入下面的代码了

 

 

我变着花样的又这样写了， 说白了，就是绑定同一个事件处理函数！

我测试了下，当点击的时候，把事件对象打印处理！

好，我们去修改下代码：

 

结果如下

点击哪个就让哪个有反应，好，至此我们事件终于监听好了，

我们开始继续我们的dom 操作了， 很多时候，遇到事情不要着急，我们一点点递进式学习！

我们先看下静态布局

显示如下：

很简单，就是ul 里有四个li

至于css 我们再次就不管了， 就是让四个li 浮动起了就行了，

我们继续我们 的第三步，事件处理函数中的联动响应！

功能1， 添加节点

显示结果：

 

功能2 ： 将一个节点添加到另外一个节点前面：

显示结果：

 功能3 ： 使用"广州"节点替换#bj节点

显示：

由于下面的功能太简单了，所以我把代码截取过来了

就是可以改变innerHTML 属性改变标签里面的内容！

到此这片 文章就结束了， api , 有，添加节点，删除节点，替换节点， 插入节点， InnerHTML 改变元素内容

大家多多尝试去吧