DOM - Document Object Model

DOM הוא ממשק המייצג את מבנה דף האינטרנט כעץ של אובייקטים. באמצעות DOM ניתן לגשת ולעדכן את תוכן העמוד.

גישה לאלמנטים

    let header = document.getElementById('header');
    let paragraphs = document.getElementsByClassName('paragraph');
    let buttons = document.getElementsByTagName('button');
    

ניתן לגשת לאלמנטים בדף באמצעות מזהי ID, שמות מחלקה ותגים.

עדכון תוכן של אלמנטים

    header.textContent = 'Welcome to My Website';
    paragraphs[0].innerHTML = 'This is the first paragraph.';
    

ניתן לעדכן את התוכן של אלמנטים באמצעות textContent ו-innerHTML.

שינוי סגנון של אלמנטים

    header.style.color = 'blue';
    header.style.fontSize = '24px';
    

ניתן לשנות את הסגנון של אלמנטים באמצעות מאפייני ה-style.

הוספה והסרה של אלמנטים

    let newParagraph = document.createElement('p');
    newParagraph.textContent = 'This is a new paragraph.';
    document.body.appendChild(newParagraph);

    document.body.removeChild(newParagraph);
    

ניתן להוסיף ולהסיר אלמנטים מה-DOM באמצעות createElement, appendChild, ו-removeChild.