WEB开发网
开发学院网页设计JavaScript Prototype使用学习手册指南之dom.js 阅读

Prototype使用学习手册指南之dom.js

 2010-09-14 13:12:00 来源:WEB开发网   
核心提示: getElementsByClassName(element, className):返回element中的子孙节点中符合clsssName的元素readAttribute(element, name):return $(element).getAttribute(name),之所以添加这

getElementsByClassName(element, className):返回element中的子孙节点中符合clsssName的元素

readAttribute(element, name):return $(element).getAttribute(name),之所以添加这个方法是因为在IE和Safari(Mac)中getAttribute不是一个真正的函数,它没有call、apply等方法,所以在很多时候调用会出现错误(Prototype中很多地方使用了函数的这两个方法),例如下面的例子(官方文档中的一个例子),就只能使用readAttribute:

<div id="widgets">

<div class="widget" widget_id="7">…</div>

<div class="widget" widget_id="8">…</div>

<div class="widget" widget_id="9">…</div>

</div>

$$(’div.widget’).invoke(’readAttribute’, 'widget_id’)

// ["7", "8", "9"]

getHeight: function(element):返回元素高度,return element.offsetHeight

classNames: function(element):返回一个Element.ClassNames对象,改对象提供对元素class的操作,包括add、remove、set等,一般很少使用,使用Element.addClassName等方法就可以了(就在下面)

hasClassName: function(element, className) :判断element是否含有className

addClassName: function(element, className) :给element添加一个class

removeClassName: function(element, className) :移除元素中的一个class

observe():调用Event对象(Prototype中的,将在后面介绍)的observe方法为元素注册事件handle

上一页  1 2 3 4  下一页

Tags:Prototype 使用 学习

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接