Adăugarea de noi noduri la documentul
Pentru a adăuga noi noduri la următoarele metode utilizate în documentul curent:
Ambele metode adauga noul nod newChild la documentul existent, appendChild () adaugă un nou nod după toate filialele, insertBefore () adaugă un nou nod la nodul copil specificat
în parametrul referenceChild.
În plus, există o metodă de a copia nodurile existente. Ca o opțiune, puteți specifica dacă pentru a copia toate nodurile copil, fals valoarea implicită:
Îndepărtarea și înlocuirea componentelor într-un document
metode sunt folosite pentru a elimina un nod:
currentNode.removeChild (copil) - primește ca parametru nodul care urmează să fie șters.
currentNode.replaceChild (newChild, oldChild) - Înlocuiesc oldChild nod pe newChild.
Ambele metode trebuie să aparțină nod currentNode. care sunt eliminate sau înlocuite cu nodurile copil.
Folosind Cascading Style Sheets în DOM
Fiecare nod are un obiect DOM stil. care descrie stilurile aplicate. De exemplu, puteți schimba culoarea tag-ul font
. document.getElementById ( "samplePtag"). style.color = «roșu».
proprietatea innerHTML a elementului și outerHTML
Pe lângă metodele descrise mai sus, pentru a modifica structura documentului ispozuetsya metoda mai simplă, bazată pe proprietățile elementelor DOM - innerHTML si outerHTML. innerHTML conține codul HTML între deschidere și eticheta de închidere. Cu ajutorul acestei funcții, puteți lucra cu codul în tag-ul ca șir - să citească și să scrie. Cu toate acestea, pentru următorul grup de articole această proprietate este read-only: COL. COLGROUP. FRAMESET. HTML. STIL. TABEL. TBODY. TFOOT. THEAD. TITLUL. TR.
Prin definiție innerHTML proprietate nu există pentru elementele care nu sunt simultan deschidere și închidere tag (de ex
).
Spre deosebire de proprietăți outerHTML că această proprietate include HTML-cod între deschidere și închidere și deschidere
și eticheta de închidere a elementului.
proprietate OuterHTML este inscriptibil numai după ce întregul document este încărcat, și anume, are loc un eveniment window.onload.
Mai jos este un exemplu de utilizare proprietăți innerHTML și outerHTML:
var myPar = document.getElementById ( "MYP");