Articles

Our Services

Get property width, height, top, left CSS melalui javascript

Dalam programming CSS, kadang-kadang kita butuh program untuk mendapatkan width, height, left dan top.
Berikut cara pemakaiannya.

Misalnya

<div id="content">Tuliskan segala content di sini termasuk gambar dan lain-lain.
</div>

Kemudian dalam program kita ingin mendapatkan lokasi dan ukuran div tersebut melalui javascript.
Berikut propertinya:

offsetHeight: mendapatkan height dalam pixels
offsetLeft: posisi dari kiri dalam pixel
offsetTop: posisi dari atas dalam pixels
offsetWidth: mendapatkan width dalam pixels

Dalam javascript:

var content=document.getElementById("content");
    var w=content.offsetWidth;
    var h=content.offsetHeight;
    var t=content.offsetTop;
    var l=content.offsetLeft;

Selanjutnya data tersebut akan dipergunakan sebagai apa, terserah programmer.

Kunjungi www.prowebpro.com untuk menambah wawasan anda.