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
投稿猜你喜欢
- 这是一篇关于使用JScript RuntimeObject（MSDN）调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行，但在IE 5
- 英文文档：setattr(object, name, value)This is the counterpart of getattr().
常见面试题Vue 如何监控数组defineProperty 真的不能监测数组变化吗？Vue 是如何追踪数据发生变化在 Vue 中当我们把一个- 问题复现：连接钱包后，会调用函数，弹出窗口让用户签名if (signatureMessage) {
- 引言简单来说，回表就是 MySQL 要先查询到主键索引，然后再用主键索引定位到数据。下面，对一些问题进行分析与回答：什么是聚簇索引？什么是非
- 本文实例为大家分享了python实现按首字母分类查找的具体代码，供大家参考，具体内容如下要求：1.自己查找一些英文词汇，存储到某个容器类中2
- pytest的setup与teardown1)pytest提供了两套互相独立的setup 与 teardown和一对相对自由的setup与t
- python 中提供一种用于对函数固定属性的函数(与数学上的偏函数不一样)# 通常会返回10进制int('12345') &
- 代码如下：import os, glob, timedef search_all_files_return_by_time_reversed
- 在SQL Server数据库中，主要是通过角色来继承相关的权限。但是，这个权限继承很容易造成权限上的冲突。如现在有个销售员账户SALE1，有
- 上周跟朋友喝咖啡时聊起我想学Python，她恰好也有这个打算，顺便推荐了一本书《编程小白的第1本Python入门书》，我推送到Kindle后
- 序言哈喽兄弟们，今天咱们来了解一下 fileinput 。说到fileinput，可能90％的码农表示没用过，甚至没有听说过。这不奇怪，因为
- 本文实例为大家分享了Vue实现简单跑马灯特效的具体代码，供大家参考，具体内容如下效果：点击按钮让文字动起来，点击停止按钮让文字停止知识点：s
- 研究了一段时间酷狗音乐的接口，完美破解了其vip音乐下载方式，想着能更好的追求开源，故写下此篇文章，本文仅供学习参考。虽然没什么
- 小渣渣复现大佬project发现GPU跑不动，出现如下报错：RuntimeError: CUDA out of memory.看下来最简单粗
- 摘要global 标志实际上是为了提示 python 解释器，表明被其修饰的变量是全局变量。这样解释器就可以从当前空间 (curr
- 常见的一种应用场景：条件：假设A的shape为[4, 2]，B的shape为[5, 2]目的：实现A中的每一行, 减去B中的所有行（broa
- arguments.callee关于callee的解释：callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当
- MySQL查询不使用索引汇总众所周知，增加索引是提高查询速度的有效途径，但是很多时候，即使增加了索引，查询仍然不使用索引，这种情况严重影响性
- 何时使用单体 RESTful 服务对于很多初创公司来说，业务的早期我们更应该关注于业务价值的交付，而单体服务具有架构简单，部署简单，开发成本
