Javascript 如何从mootools，getStyle（）中选择css类属性？

我需要克隆一个对象，并试图找到如何从mootools检索类css属性

css:

html:

---

这样做的方法是什么？谢谢

我不认为你可以从克隆的元素中得到它，但是你可以从原始元素中复制它并像这样使用：

var computed = $('c0').getComputedSize();

因此，您的函数可以如下所示：

window.addEvent('domready', function () {
    Duplicacartes();
});
function Duplicacartes() {
    var uiCards = document.getElementById('cards');
    var computed = $('c0').getComputedSize();
    for (var i = 1; i < 521; i++) {
        var clone = $('c0').clone();
        clone.set('id', 'c' + i);
        clone.setStyle('left', (computed.width + 20) * (i % 40));
        clone.setStyle('top', (computed.height + 20) * Math.floor(i / 40));
        clone.inject('cards', 'bottom');

    }
}

window.addEvent（'domready'，函数（）{
小白鼠（）；
});
函数Duplicacartes（）{
var uiCards=document.getElementById（'cards'）；
var computed=$（'c0'）。getComputedSize（）；
对于（变量i=1；i<521；i++）{
var clone=$（'c0'）.clone（）；
clone.set（'id'，'c'+i）；
克隆.setStyle（'左'，（计算宽度+20）*（i%40））；
克隆设置样式（'顶部'，（计算高度+20）*数学楼层（i/40））；
clone.inject（'cards'，'bottom'）；
}
}

注意：
-我还添加了

位置：绝对到css。

-
.getComputedSize（）
是更多内容的一部分，因此您还需要加载更多内容。

GetStyle（）
将元素的css属性返回为
string
（在本例中，将
width
返回为
“300px”
）。由于数学公式不正确并返回NaN（“非数字”值），因此MooTools不设置
left
和
top
css样式

因此，应使用
toInt（）
函数将
width
和
height
属性转换为整数：

clone.getStyle('width').toInt()

由于创建了大量元素，因此需要对脚本进行一些优化，例如不保存克隆元素的引用，而且只需找到要克隆的元素一次就足够了

window.addEvent('domready', function(){;
    Duplicacartes();
});

function Duplicacartes() {
    var card = $('c0');
    for ( var i=1; i<521; i++ ) {
        card.clone().set({
            id: 'c'+i,
            styles: {
                left:   (card.getStyle('width').toInt() + 20) * (i % 40),
                top:    (card.getStyle('height').toInt() + 20) * Math.floor(i / 40)
            }
        }).inject( 'cards', 'bottom' );
    }   
}

window.addEvent（'domready'，function（）{；
小白鼠（）；
});
函数Duplicacartes（）{
var卡=$（'c0'）；
对于（var i=1；i
var computed = $('c0').getComputedSize();

window.addEvent('domready', function () {
    Duplicacartes();
});
function Duplicacartes() {
    var uiCards = document.getElementById('cards');
    var computed = $('c0').getComputedSize();
    for (var i = 1; i < 521; i++) {
        var clone = $('c0').clone();
        clone.set('id', 'c' + i);
        clone.setStyle('left', (computed.width + 20) * (i % 40));
        clone.setStyle('top', (computed.height + 20) * Math.floor(i / 40));
        clone.inject('cards', 'bottom');

    }
}

clone.getStyle('width').toInt()

window.addEvent('domready', function(){;
    Duplicacartes();
});

function Duplicacartes() {
    var card = $('c0');
    for ( var i=1; i<521; i++ ) {
        card.clone().set({
            id: 'c'+i,
            styles: {
                left:   (card.getStyle('width').toInt() + 20) * (i % 40),
                top:    (card.getStyle('height').toInt() + 20) * Math.floor(i / 40)
            }
        }).inject( 'cards', 'bottom' );
    }   
}