DOM/אובייקט המסמך

JavaScript

התחלת העבודה מושגי יסוד שילוב במסמך HTML שורות קוד ראשונות הערות משתנים מחרוזת טקסט מספר הוראת תנאי התנאי if תנאי מורכב if-else הוראת switch אופרטורים תרגילים לחזרה אובייקטים אובייקט פונקציה בנאית וקלאסים מערכים מערך חד מימדי חיפוש ומיונים לולאות לולאת for לולאת while לולאת do-while לולאות מקוננות שימוש בפקודות break ו-continue זהירות מלולאה אין סופית פונקציות פונקציה שאינה מחזירה ערך פונקציה שמחזירה ערך פונקציה אנונימית וחץ אירועים אובייקט המסמך מבוא אובייקט המסמך אובייקט החלון אובייקט הכתובת אוביקטים נוספים אובייקט תאריך אובייקט Math JavaScript למתקדמים אסינכרוני - קולבק ופרומיס עבודה עם טפסים תסריטים עוגיות מערכים אסוציאטיבים ספריות מבוא לספריות מבוא לספריית Ext JS בינה מלאכותית TensorFlow.js גרסה להדפסה

DOM
מבוא לאובייקטים אובייקט המסמך אובייקט החלון אובייקט המחרוזת אובייקט הכתובת

אובייקט המסמך Document Object

אם אתה רוצה לגשת לאלמנט כלשהו בדף HTML, הגישה היא באמצעות אובייקט המסמך.

לדוגמה document.getElementBytagname('p') מחזיר את האלמנט בדף שמכיל תגית html מסוג

גישה לאלמנט html

document.getElementById(id) - גישה לאלמנט בדף ע"י ציון הid של האלמנט

document.getElementsByTagName(name) - גישה לאלמנט בדף ע"י ציון התגית html של האלמנט (במידה ויש כמה אלמנטים עם אותו תגית יחזיר מערך של אותם האלמנטים)

document.getElementsByClassName(name) - גישה לאלמנט בדף ע"י ציון הClass של האלמנט (במידה ויש כמה אלמנטים עם אותו Class יחזיר מערך של אותם האלמנטים)

document.querySelector(css) - גישה לאלמנט בדף ע"י ציון סלקטור css של האלמנט (מחזיר את האלמנט הראשון)

document.querySelectorAll(css) - גישה לאלמנט בדף ע"י ציון סלקטור css של האלמנט (מחזיר מערך אלמנטים)

שינוי ועריכת אלמנט html

element.innerHTML - הכנסת html לתוך האלמנט
לדוגמא
element.innerHTML - שינוי התוכן שנמצא בתוך תגית הhtml שתוך האלמנט

שיטות

(מידע זה חסר! אתם מוזמנים להוסיף אותו לויקיספר!)