Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <style> #MyDiv{ background-color:#f2f2f2; padding:10px; text-align:center; margin:auto; width:300px; height:200px; } </style> </head> <body style="text-align:center;"> <button onclick="get_size();">محاسبه اندازه عرض و ارتفاع</button> <div id="MyDiv"> <p>width = 300px</p> <p>height = 200px</p> <p>Padding (Left) = 10px</p> <p>Padding (Right) = 10px</p> <p>Padding (Top) = 10px</p> <p>Padding (Bottom) = 10px</p> <p id="Result" dir="rtl"></p> </div> <script> function get_size() { var mybox , result , mysize; mybox = document.getElementById("MyDiv"); result = document.getElementById("Result"); mysize = "اندازه ارتفاع بهمراه پدینگ = " + mybox.clientHeight + "px" + "<br>" + "اندازه عرض بهمراه پدینگ = " + mybox.clientWidth + "px"; result.innerHTML = mysize; } </script> </body> </html>