Wie erhält man den Padding-Wert eines Elements mit JavaScript?

Ich habe eine textarea in meinem HTML. Ich brauche, um die Polsterung numerischen Wert in Pixel als integer oder float. Wie bekomme ich es mit JavaScript? Ich bin nicht mit jQuery, also ich bin auf der Suche nach reinen JavaScript-Lösungen.

InformationsquelleAutor der Frage R. Dewi | 2011-03-08

  1. 81

    Diese zurück padding-left Wert:

    window.getComputedStyle(txt, null).getPropertyValue('padding-left')

    wo txt ist der Verweis auf das TEXTAREA-element.

    Den oben funktioniert in allen modernen Browsern und im IE9. Jedoch, es funktioniert nicht in IE8 und unten.

    Live-demo: http://jsfiddle.net/simevidas/yp6XX/

    Weiter Lesen: https://developer.mozilla.org/en/DOM:window.getComputedStyle

    Btw, nur mal so zum Vergleich, dies ist, wie man die gleiche Arbeit gemacht mit jQuery:

    $(txt).css('padding-left')

    Den oben genannten funktioniert auch in IE6-8.

    InformationsquelleAutor der Antwort Šime Vidas

  2. 12

    Nach einer Suche, fand ich diese Ressource zu tun, was Sie suchen, zu tun.

    Sie möchten, fügen Sie eine javascript-Funktion:

    function getStyle(oElm, strCssRule){
    var strValue = "";
    if(document.defaultView && document.defaultView.getComputedStyle){
        strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
    }
    else if(oElm.currentStyle){
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        strValue = oElm.currentStyle[strCssRule];
    }
    return strValue;
}

    Und rufen Sie dann die Funktion wie dieser zu erhalten, die den besonderen Stil:

    getStyle(document.getElementById("container"), "padding-right");

    Wo "container" ist die id des Elements und "font-size" ist der name der Eigenschaft. Wenn Sie garantieren können, dass alle CSS auf das element inline-dann wäre diese Lösung sauberer:

    document.getElementById("container").style.paddingRight;

    InformationsquelleAutor der Antwort Chuck Callebs

Schreibe einen Kommentar