कंटेंट, एट्रिब्यूट और एलिमेंट बदलना

कंटेंट बदलना

textContent सादा टेक्स्ट सेट करता है; innerHTML असली HTML को पार्स करके डालता है।

const box = document.querySelector("#box");
box.textContent = "New text";
box.innerHTML = "<strong>Bold text</strong>";

एट्रिब्यूट और क्लास

classList CSS class जोड़ने, हटाने और toggle करने के लिए साफ़ मेथड देता है।

const link = document.querySelector("a");
link.setAttribute("href", "https://example.com");
link.classList.add("active");
link.classList.toggle("hidden");

एलिमेंट बनाना और हटाना

एक नोड बनाएँ, appendChild से जोड़ें, और बाद में .remove() से हटाएँ।

const li = document.createElement("li");
li.textContent = "New item";
document.querySelector("ul").appendChild(li);
li.remove();

innerHTML से सावधानी

अविश्वसनीय input के साथ innerHTML से बचें — यह इंजेक्ट किए गए स्क्रिप्ट चला सकता है (XSS)। सादे टेक्स्ट के लिए textContent उपयोग करें।