我在动态创建的DIV元素上使用Mootools More函数“ getComputedSize”。它在Firefox中可以正常工作,但在Google Chrome中却不能:

CSS:

.resultBox {
    width: 150px;
    height: 100px;
    position: absolute;
    z-index: 1000;
}


Javascript:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

console.log(this.resultBox.getComputedSize().width);


FF中的结果为“ 150”,而Chrome中的结果为“ NaN”。

有谁知道如何在Chrome中解决此问题而不必将DIV编码到html中?

提前致谢

亚历克斯

固定:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width);


在尝试使用此方法之前,请先注入元素。

最佳答案

固定:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width);


在尝试使用此方法之前,请先注入元素。

09-12 20:47