जावास्क्रिप्ट एचटीएमएल डोम - सीएसएस बदलना
HTML DOM जावास्क्रिप्ट को HTML तत्वों की शैली को बदलने की अनुमति देता है।
HTML शैली बदलना
HTML तत्व की शैली बदलने के लिए, इस सिंटैक्स का उपयोग करें:
document.getElementById(id).style.property = new style
<p>
निम्न उदाहरण किसी तत्व की शैली को बदलता है :
उदाहरण
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
</body>
</html>
घटनाओं का उपयोग करना
HTML DOM आपको कोई घटना होने पर कोड निष्पादित करने की अनुमति देता है।
ब्राउज़र द्वारा ईवेंट जेनरेट किए जाते हैं जब HTML तत्वों में "चीजें होती हैं":
- एक तत्व पर क्लिक किया जाता है
- पेज लोड हो गया है
- इनपुट फ़ील्ड बदल गए हैं
आप इस ट्यूटोरियल के अगले अध्याय में घटनाओं के बारे में और जानेंगे।
id="id1"
जब उपयोगकर्ता किसी बटन पर क्लिक करता है, तो यह उदाहरण HTML तत्व की शैली को बदल देता है :
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>
</body>
</html>
और ज्यादा उदाहरण
किसी तत्व को अदृश्य कैसे बनाया जाए। क्या आप तत्व दिखाना चाहते हैं या नहीं?
HTML DOM स्टाइल ऑब्जेक्ट रेफरेंस
सभी HTML DOM स्टाइल प्रॉपर्टी के लिए, हमारा पूरा HTML DOM स्टाइल ऑब्जेक्ट रेफरेंस देखें ।