استایل دهی css در جاوااسکریپت

در ادامه آموزش جاوااسکریپت، به مبحث استایل دهی و ارتباط بین کدهای css و جاوااسکریپت در زیباتر کردن صفحه وب و نیز پویا کردن استایل‌ها می‌رسیم. تصو کنید بخواهیم با فشره شدن دکمه‌ای، رنگ قسمتی از صفح تغییر کند و یا پنهان و آشکار شود، این کار به کمک همکاری جاوااسکریپت و css انجام می‌شود. در ادامه یا سینتکس و مثال‌هایی از این نوع آشنا می‌شویم.

انتخاب و تغییر صفت های المان ها بوسیله جاوااسکریپت

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

برای انتخاب و تغییر یک صفت از یک المان خاص از کدهای زیر استفاده می کنیم.

myElement.getAttribute("attributeName");

myElemnt.setAttrivute("attributeName","attributeValue");

به مثال زیر توجه کنید

var mainContent = document.getElementById("mainContent");
mainContent.setAttribute("align","right");

ابتدا المان با آیدی mainContent را انتخاب می کند و سپس صفت align آن را بر روی right تنظیم می کند.