Ինչու է անհրաժեշտ DOM-ը?

DOM (Համակարգի Օբյեկտի Մոդել) անհրաժեշտ է, որպեսզի JavaScript-ը կարողանա փոխազդել վեբ էջի բովանդակության հետ և այն փոփոխել: Այն ներկայացնում է HTML փաստաթղթի կառուցվածքը որպես ծառ օբյեկտների, որտեղ յուրաքանչյուր հանգույց համապատասխանում է էջի տարրին, հատկությանը կամ տեքստային հատվածին:

Հետևաբար, DOM-ի շնորհիվ, JavaScript-ը կարող է:

• Մուտք գործել էջի տարրերին (օրինակ, id, դաս, տեգով):
• Փոխել տարրերի բովանդակությունը (տեքստ, HTML):
• Փոխել տարրերի ոճերը:
• Փոխել փաստաթղթի կառուցվածքը (ավելացնել, հեռացնել, տեղափոխել տարրեր):
• Պատասխանել օգտագործողի իրադարձություններին (կլիքներ, մկնիկի անցում և այլն):

Օրինակ՝ տարր ստանալու համար id-ով:

// Ստանում ենք id-ով "myElement" տարր
const myElement = document.getElementById('myElement');

Օրինակ՝ տեքստային պարունակությունը փոխելու համար:

// Փոխում ենք տարրի տեքստային պարունակությունը
myElement.textContent = 'Նոր տեքստ';

Անվճար DOM-ով, ինտերակտիվությունն ու դինամիկ փոփոխությունները հնարավոր չէին լինի։