כיצד לשנות את צבע הטקסט ב - JavaScript

שלב 1

צור רכיבי HTML המכילים טקסט. דוגמה זו מראה כיצד ליצור שלושה תגים שיכולים להשתמש בפונקציות JavaScript שנוצרו בשלבים הבאים: שינוי צבע ה- Div (שינוי צבע ה- Div)

שנה את צבע הטקסט של הפסקה. (משנה את צבע הטקסט של סעיף זה). שנה את תג צבע ההיקף

שלב 2

צור את הפונקציה עבור תג div. הפונקציה הבאה של JavaScript לוקחת את תג ה- div שנוצר בשלב 1 ומשנה את הצבע לאדום: function divColorChange () {document.getElementById ('myDiv'). Style.color = '# FF0000';}

שלב 3

שנה את צבע התווית של הפסקה. הפונקציה הבאה של JavaScript משנה את הצבע של טקסט האלמנט מהפיסקה שנוצרה בשלב 1 עד לבן: פונקציה עבור ColorChange () {document.getElementById ('myParagraph'). Style.color = '# 000000';}

שלב 4

שנה את צבע תווית ההרחבה. לבסוף, שנה את תווית הטקסט לשחור עם הקוד הבא: {document.getElementById ('mySpan'). Style.color = '#FFFFFF';}

שלב 5

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