Lucrul cu DOM
Introducere în DOM
Deși JavaScript poate fi utilizat în afara browserelor web și spațiului web în general, una dintre sarcinile cheie ale JavaScript rămâne interacțiunea cu utilizatorul și manipularea elementelor unei pagini web într-un browser. Pentru JavaScript, pagina web este disponibilă sub forma modelului obiectului document (Document Object Model sau pe scurt DOM). DOM descrie structura paginii web sub forma unei reprezentări arborescente și oferă dezvoltatorului un mod de a accesa elemente individuale ale paginii web.
Este important să nu se confunde conceptele de BOM (Browser Object Model - Modelul Obiect al Browserului) și DOM (Modelul Obiect al Documentului). În timp ce BOM oferă acces la browser și proprietățile sale în general, DOM oferă acces la o pagină web sau la un document HTML individual și la elementele sale.
Spre exemplu, să luăm în considerare o pagină web simplă:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h2>Page Header</h2>
<div>
<h3>Block Header</h3>
<p>Text</p>
</div>
</body>
</html>Arborele DOM pentru această pagină ar arăta în felul următor:
Astfel, toate componentele sunt ordonate într-un mod ierarhic în DOM, unde fiecare componentă reprezintă un nod individual. Cu alte cuvinte, fiecare element, cum ar fi elementul div, reprezintă un nod. Dar și textul din interiorul elementului reprezintă, de asemenea, un nod separat.
Document: nodul rădăcină al documentului HTML, reprezentând întregul document în ansamblul său:
- Element: element HTML
- Text: textul unui element
- Attr: atributul unui element HTML
- DocumentType: DTD sau tipul schemei XML a documentului
- DocumentFragment: loc temporar pentru stocarea părților temporare ale documentului
- EntityReference: referință la o entitate din documentul XML
- ProcessingInstruction: instrucțiune de procesare a paginii web
- Comment: element de comentariu
- CDATASection: secțiune CDATA în documentul XML
- Entity: entitate neinterpretată a DTD
- Notation: notare declarată în DTD
Cu toate că există atât de multe tipuri de noduri, în general, sunt utilizate în principiu primele 4 tipuri.
