获取 tagName 为 tag 的所有页面元素
YAHOO.util.Element.hasChildNodes
判断是否具有子节点
YAHOO.util.Element.insertBefore(element, before)
在元素 before 前插入 element
YAHOO.util.Element.removeChild(child)
删除 DOM 中元素的 child 子节点
YAHOO.util.Element.replaceChild (newNode , oldNode)
替换子节点 oldNode 为 newNode
4. YUI 提供的 Event 工具集
YUI 提供的 Event 工具集简化了浏览器中事件驱动程序的编写,提供了一种简单的接口来定制事件和检查浏
览器中的 event 对象。YUI 事件工具集提供了自定义事件对象 (Custom Event) ,通过自定义事件对象可以 “发
布”自己感兴趣的时刻或事件,页面中的 YUI 组件能够响应这些自定义的事件并做出回应。
YUI 对事件响应的顺序 :通过 YUI Event 工具集添加的事件,默认是在冒泡过程中执行事件处理函数的。从
DOM 节点上来说,是从子节点向根节点响应事件。
Event 需要的引入
<!-- Dependency -->
build/yahoo/yahoo-min.js
<!-- Event source file -->
build/event/event-min.js
Event 和 Custom Event 分别定义在 YAHOO.util.Event 和 YAHOO.util.CustomEvent 中
Event 工具集提供的方法
YAHOO.util.Event.addListener(element,eventType,fn,obj,override)
参数:
element :为绑定事件的元素 id , 可以是一个数组,以支持批量操作
eventType :为事件类型
fn :为事件响应的回调函数
obj :当 override 为 true 时,为回调函数传入的参数对象;当 override 为 false 时,该参数被忽略。
override :
返回值类型: Boolean
功能: 给指定的 element 绑定事件响应函数
YAHOO.util.Event.removeListener:function(element,eventType,fn)
参数:
element :为绑定事件的元素 id,
eventType :事件类型
fn :为事件响应函数