Moontools——Dom扩展方法篇

说明:mootools支持通过Css选择器语法来获取元素节点,以最少的代码做最多的事情。在Dom.js中提供了实现这些功能的工具方法以及元素级的扩展。
1.方法:$E
  作用:按照css选择器语法获取第一个符合规则的元素
  参数:selector:css选择器,如a,#my_div等
        filter:可选,过滤范围,默认是document
  例子:
<div id="myDiv">
  <a href="#"id="link1">AAA</a>
  <a href="#"id="link2">BBB</a>
  <a href="#"id="link3">CCC</a>
</div>
  $E('a','myDiv');  //获取的是id为link1的超链接元素
2.方法:$ES
  作用:按照css选择器语法获取所有符合规则的元素
参数:selector:css选择器,如a,#my_div等
filter:可选,过滤范围,默认是document
  例子:
<div id="myDiv">
   <a href="#"id="link1">AAA</a>
   <a href="#"id="link2">BBB</a>
   <a href="#"id="link3">CCC</a>
 </div>
  $ES('a','myDiv');   //获取所有3个链接元素
  -------------------------------------------------------------------------------------------------------
对Element的扩展方法:
3.方法:getElements
  作用:获取当前元素下符合给出css选择器的元素
  例子:
<divid="myDiv">
   <ahref="#"id="link1">AAA</a>
   <ahref="#"id="link2">BBB</a>
   <ahref="#"id="link3">CCC</a>
 </div>
 $('myDiv').getElements('a'); //获取myDiv下的3个链接
4.方法:getElementById
  作用:如同document.getElementById方法一样,该方法也是按照指定id来获取元素,只不过是再当前元素之下的范围内查找。
  例子:$('myDiv').getElementById('link2');
5.方法:getElement
  作用:功能如同$E,只不过查找范围是当前元素。获取当前元素下符合指定选择器的第一个元素。
  例子:$('myDiv').getElement('a');
6.方法:getElementsBySelector
  作用:功能和getElements大致相同,并且支持css选择器中的逗号。该方法使用的时候可以用$$来替代。
  例子:$('myDiv').getElementsBySelector('#link1,#link2');
  ---------------------------------------------------------------------------------------------------
document又在以上扩展的基础上被扩展出一个方法:
  getElementsByClassName
  document.getElementsByClassName('my_clazz');
   补充说明:标准javascript中只有document有getElementsByTagName。经过扩展,mootools又让每个 Element元素可以使用getElementsByTagName方法:  $('myDiv').getElementsByTagName('a');
这部分的扩展已经让mootools的对象获取方式足够方便和强大

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值