mootools记录

1. 给一个对象添加事件:

    obj.addEvent('event name', function () {
        //写事件代码
    });


2. 当页面载入完成后,执行代码
    window.addEvent('domready', function () {
        alert('readyed');
    });
   这个与 window 的 load事件是有区别的,load是必须将所有的图象,资源载入才触发. domready则是当html代码全部载入后即触发.


3. 通过元素 ID 获取页面元素对象, 例:

    <div id="div1">hello,world</div>

   如果不用mootools,需要 document.getElementById('div1') 来获得
   mootools 简化了编写这么长的过程, $('div1') 即可得到这个div对象


4. mootools 中 Element 的动态属性, 当使用了mootools, 页面中所有元素都被添加了很多mootools定义的方法，其中有两个方法
   set, get 用于设置/获取元素的HTML属性，例如：
  
    <div id='div1'>hello,world</div>

    $('div1').get('text'); 这将返回 'hello,world'
    $('div1').set('text', 'hello, changed'); 这会修改成 <div id="div1">hello,changed</div>


6. 一些常用的动态属性:
    text:    表示了元素内部的纯文本内容。相当于IE中的innerText, FF中的textContent

    html:    表示了元素内部包含html标签的内容。相当于innerHTML，其实也能直接用innerHTML作为属性名来使用


5. 动态属性中 text,html 的小BUG

   对于 select 中的 option　元素，不能设置它的动态属性，'text'，'html'，否则当设置后，在添加到select时，会报错
   如果要设置的话，应该直接用这样的方式：

    optionElement.text = 'some text';

   这里顺便说一下 select 元素的兼容性，这不属于mootools的内容。是IE与FF的差别。
   select 中要添加 option 时，IE下支持 select.add, select.options.add，而FF只能 select.options.add
   因此要写兼容性代码，只能用 select.options.add 了