前面写日记,我终于发现了一个问题,就是博客写的晦涩难道,从今天开始我打算慢慢练成写成可以轻松阅读的博客来,慢慢练习吧,我觉得只要用心,会越来越熟练的!渐进式开发,渐进式写日记(不断的加以修正和扩充)---目前感觉这种思维是最符合规律的思维!
我采用边写边写博客的方式,慢慢的引导思维的流动!
我们先有必要看下,基本的代码逻辑!
上面的代码虽然少,但是牵扯到了事件的监听,和事件的处理 ,
画了,这么多,其实就是个事件监听的处理过程,这个思维在各处都能用得到,上面要用文字就是
按钮点击了---》浏览器监听到了--》封装事件对象===》将该对象交给事件处理函数
重点就是, 该事件对象封装了事件所有的信息!!
在此多扯一下, java 当中的swing awt 都用到了该思路,android 也是, 显示设置的锅炉表也是,
闹钟,小爱的闹钟功能,其实就是描述,当什么什么的时候, 就怎么怎么样, 说到底,还是回调!
好,当我们看懂上面的代码后,我么就可以进入下面的代码了
我变着花样的又这样写了, 说白了,就是绑定同一个事件处理函数!
我测试了下,当点击的时候,把事件对象打印处理!
好,我们去修改下代码:
结果如下
点击哪个就让哪个有反应,好,至此我们事件终于监听好了,
我们开始继续我们的dom 操作了, 很多时候,遇到事情不要着急,我们一点点递进式学习!
我们先看下静态布局
显示如下:
很简单,就是ul 里有四个li
至于css 我们再次就不管了, 就是让四个li 浮动起了就行了,
我们继续我们 的第三步,事件处理函数中的联动响应!
功能1, 添加节点
显示结果:
功能2 : 将一个节点添加到另外一个节点前面:
显示结果:
功能3 : 使用"广州"节点替换#bj节点
显示:
由于下面的功能太简单了,所以我把代码截取过来了
就是可以改变innerHTML 属性改变标签里面的内容!
到此这片 文章就结束了, api , 有,添加节点,删除节点,替换节点, 插入节点, InnerHTML 改变元素内容
大家多多尝试去吧