Puna me Nyjet në JavaScript

Siç e dini, etiketat mund të përmbajnë etiketa tjera ose, duke folur në termat e JavaScript, elementët DOM mund të përmbajnë elementë të tjerë DOM. Përveç kësaj, megjithatë, ato mund të kenë komente dhe tekst të zakonshëm. Komentet, tekstet dhe elementët DOM bashkohen me një emër të përbashkët - nyje.

Ju janë njohur vetitë firstElementChild, lastElementChild, nextElementSibling, previousElementSibling. Këto veti punojnë pikërisht me elementët DOM, duke injoruar nyjet e tjera. Si rregull, kjo është ajo që na nevojitet.

Sidoqoftë, ekzistojnë gjithashtu vetitë firstChild, lastChild, nextSibling, previousSibling. Këto veti punojnë në mënyrë të ngjashme, megjithatë, duke marrë parasysh të gjitha nyjet. Le të shohim ndryshimin midis këtyre vetive me një shembull. Le të themi se kemi një div që përmban tre nyje:

html<div id="elem"><!--com-->text<span>tag</span></div>

Le të marrim një referencë për këtë div në një ndryshore:

javascriptlet elem = document.querySelector('#elem');

Dhe tani le të shohim se çfarë përmban në vetitë firstChild dhe firstElementChild:

javascriptconsole.log(elem.firstChild);        // koment
console.log(elem.firstElementChild); // etiketa span