כיצד לשנות תמונת רקע ב-JavaScript

ב-JavaScript, ישנם דפי אינטרנט שצריכים פריסה אטרקטיבית, כמו רקעים כהים שבדרך כלל עובדים טוב יותר עבור ממשקים. באופן דומה, רקעים לבנים מאפשרים לקוראים להתמקד בתוכן, ולכן פורטלי החדשות או הבלוגים משתמשים ברקע בהיר יחסית עם טקסט כהה. במקרים כאלה, JavaScript הופך להיות שימושי מאוד בעיצוב ושיפור עיצוב המסמכים.

מאמר זה ידון בשיטות לשינוי תמונת הרקע ב-JavaScript.

כיצד לשנות תמונת רקע ב-JavaScript?

כדי לשנות את תמונת הרקע ב-JavaScript, ניתן להשתמש בגישות הבאות:

• ' תמונת רקע 'נכס ב' DOM '.
• ' getElementById() 'שיטה ו' תמונת רקע 'נכס ב' פסקה '.

עברו על השיטות הנדונות אחת אחת!

שיטה 1: שנה תמונת רקע ב-JavaScript באמצעות מאפיין backgroundImage ב-DOM.

ה ' תמונת רקע ' מאפיין מתאים את תמונת הרקע של האלמנט שצוין. ניתן ליישם טכניקה זו על ידי החלת המאפיין backgroundImage וציון תמונת הרקע על ידי איתור הנתיב שלה כארגומנט.

תחביר

בתחביר לעיל, ' כתובת אתר ' מתייחס לנתיב התמונה.

תסתכל על הדוגמה הבאה להדגמה.

דוגמא

בדוגמה זו, כפתור ייכלל עם הערך שצוין ו' בלחיצה ” אירוע המפנה ל-a
פונקציה בשם backgroundImage():

עכשיו, פונקציה ' תמונת רקע() ' יוכרז וה' תמונת רקע.גוף.סגנון ' המאפיין ייגש לתמונת הרקע באמצעות נתיב התמונה שצוין בארגומנט שלו:

הפלט של היישום לעיל יביא כדלקמן:

שיטה 2: שנה תמונת רקע ב-JavaScript באמצעות שיטת getElementById() ומאפיין backgroundImage בפסקה

ה ' getElementById() ' השיטה מחזירה אלמנט עם ערך שצוין ואת ' תמונת רקע ' מאפיין, כאמור לעיל, מחזיר את תמונת הרקע של האלמנט המסוים שצוין בארגומנט שלו. ניתן ליישם שיטה זו כדי למפות את הצבע שצוין על הרקע של הפסקה המסוימת.

תחביר

כאן, ' אלמנטים ' מתייחס למזהה של אלמנט.

עברו על הדוגמה הבאה להבנה טובה יותר של המושג המוצהר.

דוגמא

ראשית, כלול פסקה בתג

והקצה לה מזהה ספציפי:

לאחר מכן, צור כפתור עם אירוע onclick הניגש לפונקציה backgroundImage() כפי שנדון בשיטה הקודמת:

לבסוף, הכריז על הפונקציה בשם ' תמונת רקע() ' באופן דומה. כאן, גש למזהה המוגדר באמצעות ' getElementById() ' שיטת והחל את תמונת הרקע שצוינה עליה. זה יביא ליישום הצבע על רקע הפסקה:

תְפוּקָה

ריכזנו את השיטה הקלה ביותר לשינוי תמונת רקע ב-Javascript

סיכום

כדי לשנות תמונת רקע ב-Javascript, החל את ' תמונת רקע 'נכס ב' DOM ' להחלת תמונת הרקע שצוינה על כל דף האינטרנט באמצעות פונקציה או על ידי קבלת המזהה המסוים באמצעות  ' getElementById() 'שיטה ויישום' תמונת רקע ' מאפיין על ' שצוין ' פסקה '. בלוג זה ממחיש את השיטות לשינוי תמונות רקע ב-JavaScript.