JSFiddle - React, Tailwind, and code Playground

by crab1127

HTML

<div id='c'>ccc</div>
<div id='a'></div>

CSS

#c{width:100px;height:100px; padding:10px; border:5px solid #999;margin:20px;background:#cc0;}

JavaScript

var oBox = document.getElementById('c');
var oText = document.getElementById('a');
var text=document.createTextNode('offsetWidth:' + oBox.offsetWidth + ' ......offsetTop:' + oBox.offsetTop + "     .....clientWidth:" +oBox.clientWidth + ' ..... clientTop:' + oBox.clientTop+  " .....scrollWidth:" + oBox.scrollWidth + " ....clientTop:" + oBox.clientTop);
oText.appendChild(text);