我自己的“ jQuery”

Question

為什么this [0] [0] .style.width =“”？ 而且我的框架無法改變價值。 如何使功能SetWidth工作？ SetWidth函數應更改類中CSS屬性的值。

var Framework = function( nameOfClass ) {
    return new Framework.foo.init( nameOfClass );
}

Framework.foo = {
    init: function( nameOfClass ) {
        if (typeof nameOfClass === 'string') {
            nameOfClass = Sizzle(nameOfClass, document);
            this[0] = nameOfClass;
            return this;
        } else {
            return null;
        }
    },

    GetWidth: function() {
        return this[0][0].style.width;
    },

    SetWidth: function( nameOfClass, value ) {
        // ???
    }
}

Framework.foo.init.prototype = Framework.foo;

window.Framework = window.$$ = Framework;

//console.log(Framework('.mainBlock-fixsize'));

Answer 1

您正在讀取的clientWidth屬性是一個計算值，即寬度和填充的總和。 因此，如果希望GetWidth返回與SetWidth設置的相同值，則必須將兩個值傳遞給SetWidth ，然后更改元素的style.width和style.padding屬性。