MooTools DOM 基本介绍与分类

引言

文档对象模型(Document Object Model,DOM)是给 HTML 与 XML 文件使用的一组 API。它提供了文件的结构表述(representation)。它是一组用来描述脚本怎样与结构化文档进行交互和访问的Web标准。DOM定义了一系列的对象、方法和属性,用于访问、操作和创建文档中的内容、结构、样式以及行为。其本质是建立网页与 JavaScript 或程序语言沟通的桥梁。

我们既然知道了JavaScript 与 HTML 沟通的桥梁是DOM。因此浏览器会把HTML代码的解释作为一种JavaScript对象结构存储起来,所以,JavaScript 能够独立访问每个对象,通过使用内建的函数也能轻松地发现或改变所需的对象。

这些方法本身是元素的一部分,就像其他本地JavaScript方法,还存在一些有待改进的地方。
通常,他们似乎过于繁琐或直接,而其他的时候,他们似乎严重不足,我们需要清洁的代码编写。

MooTools的核心, 让两件事具有优先级:

第一,它力争使编写面向对象、可重复使用,以及干净的、可读的JavaScript,成为一件容易做的事情。

第二,它力争使作者容易的与Web 页进行交互 。 因此,MooTools 给出了一个非常关注的 Element native。
增加了很多,很多的方法,使您可以编写干净,清晰,表达性的代码。

MooTools DOM 方法分类

 

MooTools Element

查找元素
$()
$$() < Selectors>
getElement() < Selectors>
$E() <getElement() 别名函数>
getElements () < Selectors>
getElementById()
创建元素
根据元素类型(元素的标签名)创建不同的元素
new Element()
创建文本节点
appendText()
检测元素的标签名是否为指定的标签名
match() <Selectors>
插入元素
inject()
grab()
adopt()
删除元素
dispose()
empty()
复制元素
clone()
替换元素
replaces()
包裹元素
wraps()
元素的属性操作
获取元素的属性和设置元素的属性(动态参数)
set()
get()
获取元素的属性和设置元素的属性(静态参数)
setProperty()
setProperties()
getProperty()
getProperties()
删除元素的属性(动态参数)
erase()
删除元素的属性(静态参数)
removeProperty()
removeProperties()
遍历节点
子节点
getChildren() < Selectors>
getFirst () < Selectors>
getLast() < Selectors>
父节点
getParent() < Selectors>
getParents()< Selectors>
兄弟节点
getNext() < Selectors>
getAllNext()< Selectors>
getPrevious() < Selectors>
getAllPrevious()< Selectors>
获取表单元素的值
toQueryString ()
getSelected ()
 
样式名操作
判断是否含有某个样式
hasClass()
追加样式名
addClass()
移除样式名
removeClass()
切换样式名
toggleClass()
层叠样式表操作
获取和设置 CSS属性
setStyle ()
getStyle ()
获取和设置 一组CSS属性
setStyles ()
getStyles ()
垃圾收集器
destroy()
元素存储
store()
retrieve()

JavaScript DOM 相关文章列表:

站点统计