Программное изменение высоты элемента снаружи ⇐ CSS

[Anonymous]

У меня есть четыре полимерных элемента A-A, B-1, B-2 и X-X, причем X-X включает A-A и B-1. B-1 включает B-2. Высота А-А должна определять высоту Б-2. Я получаю высоту AA с помощью скрипта this.$.A-A.offsetHeight; - пока все хорошо.

Но как мне программно (с помощью скрипта) изменить высоту элемента B-2?

Еще лучше было бы изменить высоту .myB2class в элементе B-2.

Элемент X-X

Код: Выделить всё

:host {
display:block;
}








(function () {
Polymer('X-X', {
getHeight: function() {
var heightAA = this.$.A-A.offsetHeight;
console.log(height);
}
});
})();

Частично удалось...

После того, как я попробовал все, что мне ответил Google, я рад, что, по крайней мере, этот фрагмент выводит что-то отличное от null:

Код: Выделить всё

var B2 = document.querySelectorAll("B-2::shadow .myB2class");

...точнее консольный возврат:

Код: Выделить всё

[div#x.flext-content-story-body, item: function, array: function]
›  0: div#x.flext-content-story-body
length: 1
›  __proto__: NodeList

НО, пытаясь установить высоту с помощью .style.height = heightAA; возвращает неопределенное значение (то же самое со статическим значением «100 пикселей»). О, и тогда чтение чего-то подобного — слишком хорошо, чтобы быть правдой (попробовал, нет реакции, нет, нет ошибки, нет вывода):


Вы можете динамически изменять стиль элемента, как вы уже догадались,
изменяя его свойство .style.

Извне:

Код: Выделить всё

var xFoo = document.createElement('x-foo');
xFoo.style.background = 'blue'; [e.g. xFoo.style.height = '100px']

Вероятно, я просто наблюдаю за небольшой деталью, поэтому, пожалуйста, не стесняйтесь вмешиваться.

Подробнее здесь: https://stackoverflow.com/questions/300 ... he-outside