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]); //
}
})()
<div class="target1 seq"></div>
<div class="target2 seq"></div>
<div class="target3 seq"></div>
<div class="target4 seq"></div>
.seq {
width: 50px;
}
.target1 {
background: #3e3e3e;
}
External resources loaded into this fiddle: