Code likhun main, browser ke andar,
DOM ka magic, kare sab wonder!
HTML structure, base foundation,
JavaScript hai, control ka station!
DOM ke Basics-
Document hai tree, nodes ka chain,
Parent-child relation, yeh simple explain!
`document` object, main source hai,
DOM ka control, yahin force hai!
HTML ko read kare JS ka power,
Elements pe apply kare function shower!
`getElementById()` bole, "Yeh pakda!"
Modify kiya, text bhi badla!
DOM Selectors kya hai?-
QuerySelector, jab baat ho precise,
Class ya ID, dono mile nice!
`querySelectorAll()` se aaye list,
Loop me daalo, ye feature hai crisp!
`classList.add()` se style control,
`remove()` se hatao, page bane bold!
Inline CSS `style` ke saath,
JavaScript se nikle naye raaste haa
Event Listeners kya hai?-
Click hua button, chale function,
User interaction, instant reaction!
`addEventListener()`, kare track,
Mouse ho ya keyboard, sab kuch hack!
Event delegation, efficient tareeka hai,
Parent pe listener, minimize karein leakage!
`preventDefault()`, form control,
Submit pe rok lo, rakh lo hold!
DOM Modification kaise kare?-
InnerHTML, innerText use karo,
Content ko change, dynamic choose karo!
`appendChild()` naye nodes laaye,
`removeChild()` se hatao jo jaaye!
Attributes set karo, `setAttribute()` se,
`getAttribute()` se padho, bina kisi tension ke!
Image ka `src`, ya input ka `value`,
Sab kuch change ho, on user’s cue!
DOM ka game, manipulate karein,
JS ka power, pages sawarein!
Modify karo, events run,
Website dynamic, smooth and fun!
DOM ke bina, web ho boring,
JS ke saath, sab kuch rolling!
Page ho dynamic, fast and clean,
DOM Manipulation – King of the Scene!
