PDA

View Full Version : سوال: در مورد نحوه یافتن مقدار margin که به صورت auto وارد شده



se8820726
جمعه 14 مهر 1391, 21:12 عصر
سلام دوستان
آقا میخواستم من تو فایل css مقدار margin رو به صورت auto وارد کردم
حالا با استفاده javascript میخوام ببینم که مقدار marginright المنت من چقدره؟

چیزی که تو فایل css وارد کردم:

#myElement { margin:40px auto; }


این کد رو میزنم:

alert ( document.getElementById('myElement').style.marginR ight);

یه پنجره باز میکنه ولی توش هیچی ننوشته.

آیا میشه به یه طریقی مقدار چیزایی که به صورت auto وارد شدن رو فهمید؟

se8820726
پنج شنبه 20 مهر 1391, 06:11 صبح
از دوستان کسی نمیدونه واسه این مشکل باید چه کرد؟

Variable
پنج شنبه 20 مهر 1391, 10:13 صبح
<html>
<head>
<title></title>
<style type="text/css">
body{
margin:0;
}
#box{

width:400px;
height: 200px;
margin:20px auto;
border:1px solid black;

}
</style>
</head>
<body id="main">
<div id="box"></div>
<script type="text/javascript">
box=document.getElementById('box');

console.log( window.innerWidth);
console.log( box.offsetLeft );

right= window.innerWidth-box.offsetLeft;
console.log( window.innerWidth-right);

console.log( box.offsetTop );

buttom= window.innerHeight-box.offsetTop;
console.log( window.innerHeight-buttom);

</script>
</body>
</html>

se8820726
جمعه 21 مهر 1391, 10:35 صبح
سلام دوست عزیز
کار ()console.log دقیقا چیه؟
من تو اینترنت راجعبش خوندم ولی چیز به خصوصی نفهمیدم
میشه در موردش توضیح بدین؟

Variable
جمعه 21 مهر 1391, 12:10 عصر
تو مرورگرهایی مثله کروم و فایرفاکس یه قسمتی دارن که به عنوان ابزارهایی برای برنامه نویسان بکار میرند . که برای دیباگینگ کدها و رصد کردن اتفاقات لحظه ایی صفحه وب بکار میرند
یه بخشی داره که به عنوان خط فرمان مرورگر بکار میره.
CTRL+SHIFT+J تو کروم این قسمت رو باز میکنه
خب یه مشکلی که دستور الرت داره اینه که کل اجرای برنامه نوشته شده همون صفحه وب رو تا زمانی که شما اوکی رو نزنی متوقف میکنه
که الرت اصلا برای اشکال یابی مناسب نیست .
شما میتونی اون چیزی رو که میخای با الرت برای اشکال یابی ببینی
میتونی با دستور کنسول.لاگ بدون اینکه توقفی تو اجرای برنامت داشه باشی . ببینی