How do I get a computed style?

Кто-нибудь, пожалуйста, помогите мне со сценарием .. или способом получить значение

height : 1196px;
width: 284px;

из вычисленной таблицы стилей (webkit). Я знаю, что IE, как обычно, другой. Я не могу получить доступ к iframe (кросс-домен) - мне просто нужна высота / ширина.

Снимок экрана с тем, что мне нужно (обведено красным). Как мне получить доступ к этим свойствам?

enter image description here

Источник

<iframe id="frameId" src="anotherdomain\brsstart.htm">
 <html id="brshtml" xmlns="http://www.w3.org/1999/xhtml">   
    \--I WANT THIS ELEMENTS COMPUTED BROWSER CSS HEIGHT/WIDTH

<head>
<title>Untitled Page</title>
</head>

<body>
 BLA BLA BLA STUFF

</body>

</html>
   \--- $('#frameId').context.lastChild.currentStyle 
        *This gets the actual original style set on the other domain which is "auto"
        *Now how to getComputed Style?


</iframe>

Самое близкое, что я получил, это

$('#frameId').context.lastChild.currentStyle

Это дает мне фактический стиль HTML-элемента, который является «авто», и это правда, поскольку это то, что он установлен в iframed документ.

Как мне получить вычисленный стиль, который используют все браузеры для вычисления полос прокрутки, и проверить значения элементов?

Используя ответ Tomalaks, я вызвал в воображении этот прекрасный фрагмент скрипта для webkit

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

или

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

Result 150px

Идентично

$('#frameId').height();

Итак, я попросил их добавить идентификатор 'brshtml' в голову - может, это поможет мне легче выбрать элемент. Проверка Webkit теперь показывает мне html # brshtml, но я не могу выбрать его с помощью getelementbyid

38
задан intcreator 23 August 2016 в 18:42
поделиться