Mootools 1.2教程(6)——操纵HTML DOM元素（2）
作者：Fdream 来源：Fdream博客 发布时间：2008-11-20 13:19:00
标签：mootools,dom,javascript,ajax,教程
移动元素
.inject();
要移动页面上一个已经存在的元素，你可以使用.inject();方法。和我们看到的其它方法类似，它用起来也非常简单，可以在你的用户界面上给你更多操控权。要使用.inject();方法，首先要设置一些包含元素变量：
参考代码：
var elementA = $('elemA');
var elementB = $('elemB');
var elementC = $('elemC');
上面的代码把下面这个HTML分别赋值给了不同的变量，这样用MooTools来操作时会比较简单。
参考代码：
<div id="body_wrap">
<div id="elemA">A</div>
<div id="elemB">B</div>
<div id="elemC">C</div>
</div>
现在，要改变这些元素的顺序，我们可以通过四种方式来使用.inject();方法。我们可以把元素注入到：
底部（bottom，默认）
顶部（top）
在某个元素的前面（before）
在某个元素的后面（after）
bottom和top将把这个元素注入到一个选中元素的内部，在元素内最底部或者最顶部。相对地，before和after将把一个元素注入到另外一个元素的顶部或者底部，但是不是注入到元素内部。
因此，让我们把元素顺序改变为A-C-B。由于我们不需要把一个元素注入到另外一个元素的内部，我们可以使用before或者after。
参考代码：
// 下面这句的意思是：把元素C放到元素B之前
elementC.inject(elementB, 'before');
// 下面这句的意思是：把元素B放到元素C之后
elementB.inject(elementC, 'after');
0
投稿猜你喜欢
- MySQL数据库线程缓冲池的相关知识是本文我们主要要介绍的内容，MySQL数据库支持线程缓存，在多线程连接模式下，如果连接断开后，将这个线程
- 有四个变量影响磁带备份设备的性能，并使 SQL Server 备份及还原性能操作得以在大体上随添加更多磁带设备而提高线性比例。◆软件数据块大
可能有些地方翻译得不好，请见谅在这个冠冕堂皇的标题之下，我想回答一个土方，有人在博客提出很久了。该土方很好的描述了很多图标设计师所面临的典型- 在添加新记录时，有时候我们需要将部分动态内容自动添加到指定的文本域，例如上传一个文件后，将文件名自动添加到一个独立的记录框内，以
- 偶第一次发主题， 这个是在一个项目中的做...写的一般般， 有什么bug之类的是在所难免， 望见谅功能说明:1. 即时控制用户输入2. 将输
- 内容摘要： 首先来讲讲 Session 的好处，它可以用来记录客户端私有的
- Web 标准要求一览表Russ WeakleyJjgod Jiang14-Aug-2004目录1 Web 标准，不仅仅是“不用表格的站点”2
- 主要讲 except 和 not in 的性能上的区别。 代码如下:CREATE TABLE tb1(ID int) CREAT
- Oracle是目前应用最广泛的数据库系统。一个完整的数据库系统包括系统硬件、操作系统、网络层、DBMS（数据库管理系统）、应用程序与数据，各
- 我们现在使用的验证手段都是以验证码为主，让用户根据图片输入验证字符，这种方法的安全度尚可，但会给用户带来一些不便和困扰，比如这个雅虎的验证码
- overflow：hidden 用在div上时很好用，但直接用在td上，好像没有任何效果。td中的文本过长时依然自动换了一行像下面这要设定一
- 在Windows中安装MySQL时，有3种MySQL 5.1安装软件包可供选择：· 基本安装：该安装软件包的文件名类似
- ASP+Access数据库的18条安全法则：1.首先，我们需要过滤所有客户端提交的内容,其中包括?id=N一类,另外还有提交的html代码中
- 这几天做了一个专题，放到服务器后发现从首页链接到专题页面正常，但是从专题页面跳转到首页就会出现乱码。很是蹊跷，专题页面和首页没有共同的文件，
- asp时间加减运算 和转换问题 a=2007-07-24 2:23:15 b=2005-06-25 2:23:15 问题1 如何将a转换成2
- 很多年前，我们就可以轻易的从很多国营商场、火车车厢、饭馆旅馆中看到墙上挂的那个小本本-意见薄，作为经营方与顾客沟通的
- 将近两个多月没有敲linux命令，手指头不听话了。该再次温习卖油翁的故事了。曾为oracle如何启动多个实例运行纠结过，不服输心理。当时在一
- 按照惯例，年底的淘宝的确是到了“需要改版的时候”。这次新版的淘宝首页上线，乍看并没有多少夺人眼球的地方，但仔细揣摩其中的细节，还是发现了不少
- 原来sql还有个stuff的函数，很强悍。 一个列的格式是单引号后面跟着4位的数字，比如'0003,'0120,'4
- 在良好的数据库设计基础上，能有效地使用索引是SQL Server取得高性能的基础，SQL Server采用基于代价的优化模型，它对每一个提交
