دستکاری قواعد سبک عناطر در جاوا اسکریپت به چه نحوی صورت میگیرد ؟

دستکاری قواعد سبک عناطر در جاوا اسکریپت به چه نحوی صورت میگیرد ؟

گره هاي عنصري از شی اي به نام style براي دسترسی به قواعد سبک تعریف شده براي تگ ها پشتیبانی می کنند. سینتکس کلی استفاده از این شی به صورت زیر است:

document.getElementById(‘id’).style.property=”newValue”;

به عنوان مثال فراخوانی دستور زیر موجب تغییر رنگ متن عنصري با id برابر intro به رنگ قرمز خواهد شد:

document.getElementById(‘intro’).style.color=”red”;q

در جاوااسکریپت به منظور دسترسی به آن دسته از قواعدي که شامل کاراکتر – هستند می بایست ابتدا کاراکتر – را حذف کرده و اولین حرف کلمه هاي بعد از آن را به صورت بزرگ بنویسیم. به عنوان مثال، کد زیر موجب تغییر رنگ پس زمینه عنصر به آبی خواهد شد:

document.getElementById(‘intro’).style.backgroundColor=”blue”;

به عنوان مثالی دیگر براي دسترسی به قواعدي همچون padding-bottom و border-top-width می بایست به ترتیب از نام هاي paddingBottom و borderTopWidth استفاده نمود.

منبع : انجمن علمی مهندسی فناوری اطلاعات دانشگاه پیام تور مرکز اران و بید گل

برای اموزش های ویدیویی زبان جاوا اسکیریپت به بستر ویدیو های اموزشی بروید

بستر اموزش های ویدویی