Кто-нибудь, пожалуйста, помогите мне со сценарием .. или способом получить значение
height : 1196px;
width: 284px;
из вычисленной таблицы стилей (webkit). Я знаю, что IE, как обычно, другой. Я не могу получить доступ к iframe (кросс-домен) - мне просто нужна высота / ширина.
Снимок экрана с тем, что мне нужно (обведено красным). Как мне получить доступ к этим свойствам?
Источник
<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