JavaScript ResizeObserverEntry : Object

ResizeObserverEntry contains information about an element resize event that was observed by ResizeObserver.

Spec

Instance Properties

contentRect : DOMRectReadOnly readonly

The size of target.

Example:

<div id='foo' style='background: red;'></div>
<script>
  var foo = document.getElementById('foo');

  var observer = new ResizeObserver(function(entries) {
    entries.forEach(function(entry) {
      console.log(entry.target.id + ': ' + JSON.stringify(entry.contentRect));
    });
  });
  observer.observe(foo);

  foo.style.height = '10px';
</script>

Run

Results:

Spec

target : Element readonly

The element passed to ResizeObserver.observe() that changed size

Example:

<div id='foo' style='background: red;'></div>
<script>
  var foo = document.getElementById('foo');

  var observer = new ResizeObserver(function(entries) {
    entries.forEach(function(entry) {
      console.log(entry.target.id + ': ' + JSON.stringify(entry.contentRect));
    });
  });
  observer.observe(foo);

  foo.style.height = '10px';
</script>

Run

Results:

Spec

home license contribute feedback