JSFiddle - React, Tailwind, and code Playground

by jimp

HTML

<iframe style="width: 400px; height: 200px; overflow: auto;" id="iframe" src="http://www.basicmatrix.com"/>

JavaScript

jQuery(document).ready(function($)
{
    var iframe = $('#iframe').get(0);

    $('body').append('<div>iframe.clientWidth = '  + iframe.clientWidth  + '</div>');
    $('body').append('<div>iframe.clientHeight = ' + iframe.clientHeight + '</div>');
    $('body').append('<div>iframe.scrollWidth = '  + iframe.scrollWidth  + '</div>');
    $('body').append('<div>iframe.scrollHeight = ' + iframe.scrollHeight + '</div>');

    $('body').append('<div>iframe.body.clientWidth = '  + iframe.ownerDocument.body.clientWidth  + '</div>');
    $('body').append('<div>iframe.body.clientHeight = ' + iframe.ownerDocument.body.clientHeight + '</div>');
    $('body').append('<div>iframe.body.scrollWidth = '  + iframe.ownerDocument.body.scrollWidth  + '</div>');
    $('body').append('<div>iframe.body.scrollHeight = ' + iframe.ownerDocument.body.scrollHeight + '</div>');
});