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:
<div id="elem"><!--com-->text<span>tag</span></div>
Le të marrim një referencë për këtë div në një ndryshore:
let elem = document.querySelector('#elem');
Dhe tani le të shohim se çfarë përmban
në vetitë firstChild dhe firstElementChild:
console.log(elem.firstChild); // koment
console.log(elem.firstElementChild); // etiketa span
Shkruani kodin që do të tregojë ndryshimin midis
lastChild dhe lastElementChild.
Shkruani kodin që do të tregojë ndryshimin midis
nextSibling dhe nextElementSibling.
Shkruani kodin që do të tregojë ndryshimin midis
previousSibling dhe previousElementSibling.
