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

שיטותעריכה

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