بخش ۶ ( تغییر خصوصیات یک متن با جاوا اسکریپت)

در بخش قبل دیدیم که می توان با جاوا اسکریپت یک متن یا نوشته یا Label را به صفحه اضافه کرد و محتوا و محل قرار گیری آن در صفحه را مشخص کرد. در این بخش به بررسی دیگر خصوصیات یک نوشته پرداخته و چگونگی تغییر آن ها را شرح خواهیم داد.

تغییر فونت ( Font ) یک نوشته :

برای تغییر فونت یک نوشته بصورت زیر عمل می کنیم.

همان طور که می بینید با خصوصیت fontFamily می توان فونت یک نوشته را تغییر داد. هنگام نوشتن کدها حواستان به کوچک و بزرگ بودن حروف باشد. وگرنه مثلا اگر بجای fontFamily بنویسید fontfamily دستور اجرا نمیشود.

تغییر سایز فونت  یک نوشته :

برای این منظور از دستورات زیر استفاده می کنیم.

در دستور اول سایز فونت را بصورت درصدی و در دستور دوم آن را بصورت پیکسلی وارد کرده ایم. وقتی میگوییم مثلا  %300 یعنی سه برابر سایز معمولی که قبلا بوده است.

تغییر style فونت  یک نوشته :

می توان style فونت یک نوشته را به صورت normal ، italic  یا oblique  قرار داد.

تغییر weight فونت  یک نوشته :

به مثال های زیر دقت کنید و تفاوت آن ها را ببینید.

تغییر رنگ یک نوشته :

برای تغییر رنگ نوشته یا Label  میتوان به سه روش عمل کرد.

1) استفاده از نام رنگ

2) استفاده از عدد هگزادسیمال

3) استفاده از تابع rgb