obj.getClientRects

playground

by kenji morita

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div class="target1 seq"></div>
<div class="target2 seq"></div>
<div class="target3 seq"></div>
<div class="target4 seq"></div>

CSS

.seq {
  width: 50px;
}

.target1 {
  background: #3e3e3e;
}

JavaScript

function getRectangle(rec) {
  var rects = rec.getClientRects();
  var bundingrect = rec.getBoundingClientRect();
  console.log(rects);
  console.log(bundingrect);
};
(function() {
  var classes = document.getElementsByClassName('seq');
  for (var i = 0; i < classes.length; i++) {
    getRectangle(classes[i]); //
  }
})()