var x = document.createElement('P')

• IE8 si cele de mai jos suporta de asemenea ('<P>').

var x = document.createTextNode('text')

Creaza un nod text cu continut text si il plaseaza temporar in x, care este mai tarziu inserat in documenr.

var x = document.getElementById('test')

Ia elemenrul cu id="test" (oriunde se afla in document) si il plaseaza in x.

Daca exista mai mult de un element cu id="test", metoda il selecteaza pe primul din document toate celelalte sunt ignorate.

• IE5-7 returneaza de asemenea elementul cu name="test".

document.getElementsByClassName('test')
document.getElementsByClassName('test test2')

Prima expresie returneaza un nodeList cu toate elementele care au o valoare class care contine "test". A doua returneaza un nodeList cu toate elementele care au o valoare class care contine atat "test" cat si "test2" (in orice ordine).

var x = document.getElementsByTagName('P')

Face x intr-un nodeList ai tuturos P-urilor din document, a.i. x[1] e al doilea P etc.

var x = y.getElementsByTagName('P')

Ia toate paragrafele care sunt descendeti ai nodului y.

• Argumentul * , care ar trebui sa selecteze toate elementele din document,nu functioneaza in IE 5.5.
• Tag-urile customizate nu sunt returnate in Konqueror.

document.querySelectorAll('.testClass')
document.querySelectorAll('.testClass + p')

Returneaza un nodeList cu toate elementele care au o valoare class care contine "testClass";sau un nodeList cu toate paragrafele urmate direct de un astfel de element.

In esenta, aceasta metoda va permite sa utilizati sintaxa CSS pentru returnarea de elemente.

x.nodeName

Numele nodului x. Numele corecte sunt:

• IE 5.5 nu suporta un nodeName pentru atribute si document.
• IE 5.5 raporteaza nodeName-ul unui comentariu ca !.
• Konqueror nu vede nodurile comentarii.

x.nodeType

Tipul nodului x. Tipurile corecte sunt:

• IE 5.5: atributele si documentul nu sunt definite; cometariul are nodeType 1
• Konqueror nu vede nodurile comentarii.

x.nodeValue

Ia valoarea nodului x

x.nodeValue = 'Test'

Seteaza valoarea nodului sx

• IE 5.5 nu suporta nodeValue pentru atribute
• Konqueror nu vede nodurile comentarii.

x.tagName

Ia numele tag-ului pentru nodul x. Valorile corecte sunt:

Sfatul meu e sa nu folositi tagName deloc.
nodeName contine toate functionalitatile tagName, plus altele. De aceea nodeName este mereu alegerea mai buna.

• In IE (toate versiunile) tagName-ul unui nod comentariu este !

x.childNodes[1]

Ia al doilea nod copil al nodului x.

childNodes nodeList este format din toate nodurile copil ai elementului, inclusiv(goale) noduri text si noduri comentariu.

• IE pana la versiunea 8 nu numara nodurile text goale. Din moment ce acesta este comportamentul dorit din cate ma priveste, primeste inca un da.
• Konqueror ignora nodurile comentariu.

x.children[1]

Ia al doilea nod copil element al nodului x.

Unde childNodes tine toate nodurile copil, children le tine doar pe cele care sunt noduri element(tag-uri HTML).

• IE pana la vs 8 numara incorect nodurile comentarii.

x.firstChild

Ia primul nod copil al nodului x.

• Konqueror ignora nodurile comentariu.

x.lastChild

Ia ultimul copil al nodului x.

• Konqueror ignora nodurile comentariu.

x.nextSibling

Ia urmatorul copil al parintelui lui x.

• Konqueror ignora nodurile comentariu.

x.parentNode

Ia nodul parinte al lui x.

x.previousSibling

Ia copilul anterior al parintelui lui x.

• Konqueror ignora nodurile comentariu.

x.sourceIndex

Ia sourceIndex al elementului x. Acesta este de asemenea numarul de index pentru elementul din matricea document.getElementsByTagName('*').

• IE returneaza un sourceIndex care este cu unu mai inalt decat in Opera. In IE8 si vs anterioare aceasta se refera la elementul corect, dar in IE9 se refera la urmatorul element.

x.childElementCount

x.firstElementChild

x.lastElementChild

x.nextElementSibling

x.previousElementSibling

x.appendChild(y)

Face nodul y ultimul copil al nodului x.

Daca adaugam un nod care este in alta parte in document, se muta la noua pozitie.

x = y.cloneNode(true | false)

Face nodul x o copie a nodului y. Daca argumentul este true, intreaga ramificatie mai jos de y este copiata, daca este false numai nodul radacina y este copiat.

Mai tarziu inserati clona in document.

x.insertBefore(y,z)

Insereaza nodul y ca si copil al nodului x chiar inaintea nodului z.

x.removeChild(y)

Elimina copilul y al nodului x.

x.replaceChild(y,z)

Inlocuieste nodul z, un copil al nodului x, de catre nodul y.

x.appendData(' some extra text')

Adauga sirul some extra text lui x, care trebuie sa fie un nod text.

• IE8 si 9 adauga textul, dar nu il arata pana nu dati click pe element.

x.data

Continutul lui x, care trebuie sa fie un nod text. La fel ca x.nodeValue.

Poate fi setat de asemenea:

x.data = 'The new text'

x.deleteData(4,3)

Sterge niste date din x, care trebuie sa fie un nod text, incepand de la al cincilea caracter si stergand trei caractere. Al doilea argument este obligatoriu.

x.insertData(4,' and now for some extra text ')

Inseraza sirul and now for some extra text dupa al patrulea caracter in x, catre trebuie sa fie un nod text.

x.normalize()

Toate nodurile copil ai nodului x care sunt noduri text si care au alte noduri text sau frati, sunt unite. Aceasta este de faptinversul lui splitText: nodurile text care au fost impartite, se unesc din nou.

x.replaceData(4,3,' and for some new text ')

Inlocuieste trei caractere, incepand de la al cincilea, al nodului x, care trebuie sa fie un nod text, al sirului and for some new text.

x.splitText(5)

Imparte nodul text x la al saselea caracter. x contine acum prima parte (caract. 0-5), pe cand un nou nod este creat(si devine x.nextSibling) care contine a doua parte (caract. 6-pana la sfarsit) a textului original.

• IE manevreaza primul splitText()bine, dar dupa normalizarea textului IE nu il mai imparte.

x.substringData(4,3)

Ia un subsir al lui x, care trebuie sa fie un nod text, incepand de la al cincilea caracter sic u o lungime de trei caractere. Astfel este la fel ca metoda substr() de siruri.

Aceasta proprietate read-only este folositoare daca doriti sa luati tot textul la un moment dat si nu vreti sa fiti deranjati de marginile dintre nodurile text.

x.attributes[1]

Aceasta matrice este formata din toate atributele definite in ordinea codului sursa.

• Firefox si IE8 incearca sa creeze o lista in ordinea codului sursa, dar ordinea este dezactivata.
• IE5-7 ia al doilea atribut posibil al nodului x (dataFld in test), chiar daca este definit sau nu. De aceea este format din toate atributele care pot fi posibil definite pe nod(84 toate in toate).
• IE 5.5 da initial valoarea atributului; nu obiectul atributului.

Faceti-va o favoare si nu folositi matricea indexata attribute.

x.attributes['align']

Ia obiectul atributului de aliniere a nodului x. Daca nodul nu are atribut de aliniere, returneaza undefined (cu exceptia IE, unde returneaza un obiect atribut care nu are nici o valoare.)

• IE5-7 nu returneaza valoarea unui atribut style.
• IE 5.5 nu returneaza atribute customizate, si reda initial valoarea atributului in loc de valoarea obiectului.

z = document.createAttribute('title');
z.value = 'Test title';
x.setAttributeNode(z)

Aceasta creaza un atribut titlu cu o valoare si o seteaza pe nodul x.

x.getAttribute('align')

Ofera valoarea atributului de aliniere a nodului x. Numele atributelor cu litere mari sunt de asemenea permise.

• In IE5-7, accesarea atributului style reda un obiect, si accesarea atributului onclick reda o functie anonima infasurata in jurul continutului efectiv.

x.getAttributeNode('align')

Ia obiectul atribut align al nodului x. Acesta este un obiect, nu o valoare.

• IE 6/7 nu va permite sa accesati valoarea lui x.getAttributeNode('style').

x.hasAttribute('align')

Returneaza true cand nodul x are un atribut align, false cand nu are.

x.hasAttributes()

Returneaza true cand nodul x are atribute, false cand nu are.

x.name

Numele nodului atribut x.

x.removeAttribute('align')

Elimina atributlui align din nodul x.

• IE5-7 si Opera nu elimina manipulatoarele de eveniment.
• Konqueror nu elimina atributul align.

x.removeAttributeNode(x.attributes['align'])
x.removeAttributeNode(x.attributes[1])
x.removeAttributeNode(x.getAttributeNode('align'))

Elimina nodul atribut. Este o mica diferenta cu removeAttribute(), cu exceptia argumentului.

• IE 6 nu elimina nimic, dar nu da nici un mesaj si nici eroare.
• IE 7 nu elimina stilurile si manipulatoarele de evenimente.
• Opera nu elimina manipulatoarele de evenimente.
• Konqueror nu elimina atributul align.

x.setAttribute('align','right')

Seteaza atributul align al nodului x la right. Numele si valoarea sunt ambele siruri.

• IE5-7 nu seteaza stilurile si elimina evenimentele cand inercati sa le setati.

x.value

Valoarea atributului x.

• IE6-7 reda null pentru valorile de stil.

x.compareDocumentPosition(y)

Compara in pozitia documentului (DOM) a elementului y cu cea a elementului x Metoda returneaza o masca de biti:

• 1:Pozitie deconectata
• 2: Precede
• 4: Urmeaza
• 8: Contine
• 16: Este continut de

Toate numerele relevante sunt adaugate, si aceasta suma este returnata. Deci daca y urmeaza (4) si este continut de (16) x, metoda returneaza 20.

x.contains(y)

Daca nodul y este un descendent al nodului x, metoda returneaza true, in caz contrar false.

Vezi postul din acest blog pentru o abordare diferita. (Si da, refuzul constant al Firefox de a implementa aceasta metoda foarte importanta inecepe sa devina foarte enervanta.)

x = document.implementation.createDocument('','',null)

Creaza un nou document XML.

• IE9 creaza un document HTML.

x = document.createDocumentFragment();
x.[fill with nodes];
document.[somewhere].appendChild(x);

Creaza un fragment, adauga o gramada de noduri la el, si apoi il insereaza in document. Notati ca fragmentul propriu zis nu este inserat ci numai nodurile copii.

document.documentElement

Reprezinta elementul radacina a documentului XML. In orice document HTML, elementul <html> este binenteles elementul radacina.

var x = document.getElementsByName('test')

Creaza un nodeList cu toate elementele care au name="test". Ar trebui sa ignore elementele cu id="test"

Pe pagina mea de test <p>, <input>, <img> si <ppk> au acest nume, atata timp cat este de asemenea un pragraf cu id="test". Ideal, toate browserele ar trebui sa ia primele patru elemente si sa il ignore pe al cincilea.

• IE ignora tag-urile <p> si <ppk> cu name="test", dar include <div> cu id="test"
• Konqueror ignora tag-ul <ppk>.
• Opera include <div> cu id="test"

x.hasChildNodes()

Returneaza true cand nodul x are noduri copii; false cand nu are.

document.getElementsByTagName('P').item(0)

La fel ca document.getElementsByTagName('P')[0].

Metoda item() este intentionata pentru alte limbaje de programare unde nodeLists ca acelea returnate de getElementsByTagName nu sunt la fel de usor de accesat cum ar fi, daca ar fi matrici.

Nu avem nevoie de item() deloc in JavaScript.

x.ownerDocument

Se refera la obiectul documentului care 'contine' nodul x. Acesta este nodul documentului.

var y = document.createElement('i');
x.applyElement(y)

Elementul <i>este inserat in elementul x, in jurul textului.

x.clearAttributes()

Elimina toate atributele din nodul x.

• IE nu elimina manipulatoarele de evenimente si stilurile inline.

x.mergeAttributes(y)

Copiaza toate atributele lui y in nodul x.

x.removeNode(true | false)

Elimina nodul x din document. Daca folosim argumentul true copiii sai sunt de asemenea eliminati; daca dfolosim false nu sunt eliminati. Notati ca toate nodurile text se pun ca si copii.

x.replaceNode(y)

Inlocuieste nodul x cu nodul y.

x.swapNode(y)

Pune nodul x in locul nodului y si invers.