Erste Breite eines Elements, definiert im CSS in em

Bin ich mit Mühe die Breite eines Elements, definiert im CSS. Ich habe herausgefunden, wie man die CSS-Regeln mit Hilfe von Javascript, aber ich kann nicht auf die Breite. Menü ist die Feste Breite, die ich in CSS definierten mit em.

Ich versuche, ändern Sie die Breite der div1 basierend auf der browser-Fensters abzüglich der festen Menü Breite.

Anmerkung: ich habe schon versucht, mit style.width, aber es gibt eine leere Zeile in der Konsole.

jsfiddle: http://jsfiddle.net/kj6pQ/

var div1 = document.createElement('div'), 
css = getMatchedCSSRules(document.getElementById('menu'));

console.log(css); //works but dont' konw how to access width

div1.style.width = window.innerWidth - <!-- menu width -->;

InformationsquelleAutor | 2012-09-21

  1. 15

    verwenden 'offsetWidth', um das Menü aufzurufen Breite

    var div1 = document.createElement('div'), 
css = document.getElementById('menu').offsetWidth;

console.log(css);
div1.style.width = css + "px";
    verdient +1, getestet mit dieser demo: jsfiddle.net/kj6pQ/2

    InformationsquelleAutor Krishna Kumar

  2. 4

    Verwenden getComputedStyle:

    var css = document.getElementById('menu');

console.log(window.getComputedStyle(css).width);​

    http://jsfiddle.net/kj6pQ/6/

    InformationsquelleAutor Ana

  3. 2

    Diesem Weg versuchen:

    var width = window.getComputedStyle(document.getElementById("menu"), null).getPropertyValue("width");

    InformationsquelleAutor dfsq

Schreibe einen Kommentar