Manipulimi i DOM-it në JavaScript

Hyrje

• Rëndësia e manipulimit të DOM-it në JavaScript.
• E dobishme për krijimin e aplikacioneve të faqeve të vetme dhe përmbajtje dinamike pa rifreskuar faqen.

Përmbledhje e Funksioneve Kyçe

• Diskutuar funksione të ndryshme për futjen dhe heqjen e elementeve në DOM.
• Rëndësia e shënimeve për referencë dhe mësim.

Teknikat Bazë të Manipulimit të DOM-it

• Zgjedhja e Elemente:

  • Përdorni document.querySelector() për të zgjedhur elemente.
  • Shembull: document.querySelector('.box').innerHTML rikthen përmbajtjen HTML të elementit të parë .box.

• HTML i Brendshëm dhe i Jashtëm:

  • innerHTML: Rikthen HTML-në brenda elementit të zgjedhur.
  • outerHTML: Rikthen HTML-në e plotë përfshirë edhe vetë elementin.

• Përmbajtja e Tekstit:

  • Përdorni textContent për të aksesuar vetëm përmbajtjen e tekstit të një elementi, duke përjashtuar etiketat HTML.

Atributet dhe Llojet e Node-ve

• Emri i Node-it vs. Emri i Etiketës:

  • nodeName: aplicohet për të gjitha llojet e node-ve (p.sh., koment, tekst).
  • tagName: aplicohet vetëm për node-t e elementeve.

• Menaxhimi i Atributeve:

  • element.hasAttribute(): kontrollon ekzistencën e një atributi.
  • element.getAttribute(): rikthen vlerën e një atributi.
  • element.setAttribute(): vendos ose përditëson një atribut.
  • element.removeAttribute(): heq një atribut.

Krijimi dhe Futja e Elemente

• Krijimi i Elemente të Reja:
  • Përdorni document.createElement(