# कंटेंट, एट्रिब्यूट और एलिमेंट बदलना — जावास्क्रिप्ट

Source: https://www.geekswithgeeks.com/hi/javascript/js-dom-manipulating

> पेज पर मौजूद चीज़ें बदलना, और नोड बनाना या हटाना।

## कंटेंट बदलना

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

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

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

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

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

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

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

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

## innerHTML से सावधानी

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