לדלג לתוכן

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

מתוך ויקיספר, אוסף הספרים והמדריכים החופשי
< DOM
JavaScript

התחלת העבודה

הוראת תנאי

אובייקטים

מערכים

לולאות

פונקציות

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

אוביקטים נוספים

JavaScript למתקדמים

ספריות

בינה מלאכותית


גרסה להדפסה

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 שתוך האלמנט

שיטות

[עריכה]

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