گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/03/29 - 11:41
كد :7653

افزودن استایل یه تگ ها با جاوا اسکریپت W3

در این مقاله نحوه استایل دهی با جاوا اسکریپت W3 را خواهیم آموخت.

افزودن استایل یه تگ ها با جاوا اسکریپت W3

افزودن استایل با کمک ID

در مثال زیر المان دارای id="London" را با استایل پسزمینه قرمز تغییر میکند:

مثال

<button onclick="w3.addStyle('#London','background-color','red')">Add Style</button>

مشاهده نتیجه

افزودن استایل با نام تگ

به المان <h2> پس زمینه قرمز بدهید:

مثال:

<button onclick="w3.addStyle('h2','background-color','red')">Add Style</button>

مشاهده نتیجه

افزودن استایل با کلاس

در مثال زیر به عناصری که دارای کلاس class="city" هستند پس زمینه قرمز داده ایم:

مثال:

<button onclick="w3.addStyle('.city','background-color','red')">Add Style</button>

مشاهده نتیجه

 

تهیه شده در شرکت طراحی سایت سارگون با ما در تماس باشید.

نظرات كاربران :