Mootools复制DIV对象并更改它的ID

在使用Mootools的clone()功能时,经常会与到被clone对象有Id号,在HTML文档内,ID号是不能重复的.想了一下.找了个简单的方法.

代码如下:

<div id="divPosition">This is my position</div>
<div id="divTemplate" class="mInfo" style="display: none;">
    <div class="mInfoAvatar">and this is my avatar</div>
</div>

假定现在要复制暂时是hidden的divTemplate,则可以用如下方式来写:

var newDiv = $('divTemplate').clone(); // 复制divTemplate
var nId = $random(1000,1999); //随机产生一个id号
newDiv.setProperty('id',nId);
newDiv.injectAfter('divPosition'); //将复制出来的divTemplate插入到divPosition之后.
newDiv.setStyle('display','block'); //显示此div.

Mootools很简洁,使用起来也很方便, 经过YUI compress压缩后,用gZip输出后大小只有20K左右.

目前我写过的最复杂的一个js是类似于又拍网的照片标注.

Yupoo其实用的也是Mootools,不过他的JS是被加密的,无奈只好按照自己的需求重写了一个.js代码大概是150行,基本上实现Yupoo上照片标注的功能.