6

I want to increase height of an element by X pixels by writing a YUI3 script.

Whats the best way ?

if I use 'Node' module and read the height as node.getStyle("height");

The results of FF3 shows a string "100px" where as for IE8 its just blank. :(

Please help.

Eastern Monk
  • 6,395
  • 8
  • 46
  • 61

1 Answers1

13

node.getStyle('height') only returns a value when you have a value set in the style of the node. To get the height of a node with out a style set use node.getComputedStyle('height') or node.get('clientHeight').

If you have overflow set, you can use node.get('scrollHeight') to get the full height of the content.

To update the height of the node, use setStyle('height', value)

apipkin
  • 166
  • 1
  • 4
  • using ```Y.on('domready', function () { node.getComputedStyle('height'); } ``` returns NaN for the node, but ```Y.on('domready', function () { node.get('clientHeight'); }``` returns the correct height. YUIv3.17.2 on squarespace. – NathanQ Feb 13 '18 at 17:46