mootools详细教程pdf版.pdf
4星 · 超过85%的资源 需积分: 10 163 浏览量
2011-06-21
10:05:26
上传
评论
收藏 298KB PDF 举报 
mootools 框架【一】-Element 篇: 方法
完全解析
• 编辑：ymaozi 发布时间：2008-10-12 字号:【大 中 小】 阅读次数：
224 【加入收藏夹】
• 相关专题：mootools框架
javascript框架
mootools--Element 篇
--内容: 封装一些常用的 DOM 操作
(1).直接可以在 xhtml 中进行操作元素. 而不用嵌套在<script>标签中使
用 javascript 操作.
(2).用 $ 代替 javascript 中 document.getElmentById 方法. 操作元素只需
要使用 $('myElement')即可.
(3).增加了很多方便实用的方法, 这些方法使对 元素 的各种复杂的操作变得
容易, 摈弃(应该是封装)了原来繁琐的 DOM 操作. 以 appendText 为例 :
方法：appendText
作用：向元素添加文本节点
例子：
<div id="myDiv1">hello </div>
$('myDiv1').appendText('world');
//结果为：
<div id="myDiv1">hello world</div>
Ajax 开发中，做的最多的就是对 DOM 的操作，增删节点，设置样式等等等
等，如果按照常规的 javascript 开发的话，工作量大的足以搞的人头晕目眩。
所以基本上每个 javascript 框架都会在 DOM 操作上花比较大的功夫，对我们使
用频率最频繁的作用操作进行封装(其中包括修正各个浏览器之间的方法差异问
题)。mootools 提供了一套非常出色的解决方案，并且更 OO。
创建 DOM 节点
例子：var myInput = new Element('input');
1. 方法：$
作用：按照 id 取元素，如同 document.getElmentById 来获取的元素
即: 这里的 $ 相当于 document.getElmentById, 两者功能是相同的.
例子：
//获取元素
var myDiv=$("myDiv");
//将用 getElementById 获取的元素进行扩展成使用$方法获取的元素
//这样可以具备一些特殊的方法
剩余47页未读，继续阅读
资源评论
wang111238532013-12-09还行吧，能解决我的一些简单问题- skyworld1234562012-08-01不怎么好，感觉不是很详细。
