עזרה| תוסף טמפרמונקי עזרה יצירת div

[מומחה ברמה]

איך אני יוצר שם בכתיבת סקריפט div? מישהו יודע?

[מוטי אורן]

@מומחה-ברמה אמר בעזרה| תוסף טמפרמונקי עזרה יצירת div:

איך אני יוצר שם בכתיבת סקריפט div? מישהו יודע?

אתה צריך להשתמש במתודות של אובייקט ה - DOM כדלהלן:

const myDiv = document.createElement('div');
// הקוד שמטפל באלמנט שנוצר
document.body.appendChild(myDiv);

בדוגמה לעיל יצרתי את האלמנט הנדרש באמצעות המתודה createElement, ואח"כ דחפתי את האלמנט ל - body. אם אתה רוצה לדחוף את האלמנט לתוך תגית יותר ספציפית, תצטרך פשוט לתפוס אותו עם המתודה querySelector, ואז לעשות לו appendChild. מאוד פשוט.

[מומחה ברמה]

@מוטי-אורן אם אני ירצה לקחת סלקטור מסוים אני יצטרך לכתוב כך...

const myDiv = document.createElement('div');
// הקוד שמטפל באלמנט שנוצר
document.סלקטור.appendChild(myDiv);

לא?

[מומחה ברמה]

@מוטי-אורן ואיך אני מגדיר את ה-id שלו? זה אחרי ה-const ??

[מוטי אורן]

@מומחה-ברמה אמר בעזרה| תוסף טמפרמונקי עזרה יצירת div:

אם אני ירצה לקחת סלקטור מסוים אני יצטרך לכתוב כך

לא. אתה תצטרך פשוט לכתוב את הסלקטור בלי ה-document מלפני.

[מוטי אורן]

@מומחה-ברמה אמר בעזרה| תוסף טמפרמונקי עזרה יצירת div:

@מוטי-אורן ואיך אני מגדיר את ה-id שלו? זה אחרי ה-const ??

את ה - ID שלו אתה מגדיר בנפרד בשורה שהוספתי את ההערה. שם אתה כותב נראה לי:

myDiv.id = 'ה-ID שאתה רוצה לתת לו'.

[מומחה ברמה]

@מוטי-אורן אחרי ההגדרה של ה-id אני עושה myDiv.style וככה כותב את האורך רוחב וכו?

[מוטי אורן]

@מומחה-ברמה בדיוק.

[מומחה ברמה]

@מוטי-אורן אם אני לא כותב את זה זה לא יופיע לי נכון?

[מוטי אורן]

@מומחה-ברמה אמר בעזרה| תוסף טמפרמונקי עזרה יצירת div:

@מוטי-אורן אם אני לא כותב את זה זה לא יופיע לי נכון?

לא יופיע, מהסיבה שאין לו גודל בשביל להופיע

[מומחה ברמה]

@מוטי-אורן כתבתי כך:

const myDiv = document.createElement('div');
myDiv.id = 'canvas'.
myDiv.style.position = 'fixed';
myDiv.style.height = '100px';
myDiv.style.width = '200px';
myDiv.style.left = '17px';
document.body.appendChild(myDiv);

וזה לא מופיע לי..

[מוטי אורן]

@מומחה-ברמה אמר בעזרה| תוסף טמפרמונקי עזרה יצירת div:

וזה לא מופיע לי..

עשית appendChild כמו שכתבתי? אם עשית, זה כן מופיע אבל אתה לא רואה אותו. נסה לשים לו צבע רקע, אז אתה אמור לראות אותו.

[מומחה ברמה]

@מוטי-אורן

const myDiv = document.createElement('div');
myDiv.id = 'canvas'.
myDiv.style.position = 'fixed';
myDiv.style.height = '100px';
myDiv.style.width = '200px';
myDiv.style.left = '17px';
myDIV.style.backgroundColor = 'rgb(255, 100, 190)';
document.body.appendChild(myDiv);

עדיין לא עובד..
זה כל הקוד שכתבתי..

[מוטי אורן]

@מומחה-ברמה אמר בעזרה| תוסף טמפרמונקי עזרה יצירת div:

@מוטי-אורן

const myDiv = document.createElement('div');
myDiv.id = 'canvas'.
myDiv.style.position = 'fixed';
myDiv.style.height = '100px';
myDiv.style.width = '200px';
myDiv.style.left = '17px';
myDIV.style.backgroundColor = 'rgb(255, 100, 190)';
document.body.appendChild(myDiv);

עדיין לא עובד..
זה כל הקוד שכתבתי..

אני רואה שיש לך שגיאה בשורה שתיים. תשנה מנקודה בסוף השורה.

[מומחה ברמה]

@מוטי-אורן עדיין לא עובד..

[מוטי אורן]

@מומחה-ברמה אתה צריך לשנות בשורה 7 את ה myDIV ל myDiv,
אחר כך תוסיף לסטייל של הדיב את המרחק מלמעלה או מלמטה, וזה יופיע.

[מומחה ברמה]

@מוטי-אורן לא משנה הסתדרתי תודה!!