जेसक्रिप्ट एक्ज़ैक्स

इस चाप में आपको जावास्क्रिप्ट की क्षमताओं के दर्शन के कुछ उदाहरण दिए गए हैं。

जावास्क्रिप्ट एचटीएमएल सामग्री को परिवर्तित कर सकता है

getElementById() एक से अधिक जावास्क्रिप्ट एचटीएमएल तरीका है。

इस उदाहरण में इस तरीके का उपयोग किया गया है "id="demo"" के एचटीएमएल एलिमेंट को "खोज" और एलिमेंट की सामग्री (innerHTML） को "Hello JavaScript" में परिवर्तित करें:

इंस्टांस

document.getElementById("demo").innerHTML = "Hello JavaScript";

स्वयं प्रयोग करें

सुझाव:जावास्क्रिप्ट दोहरे और एकल टिकटो दोनों को स्वीकार करता है:

इंस्टांस

document.getElementById("demo").innerHTML = 'Hello JavaScript';

स्वयं प्रयोग करें

जावास्क्रिप्ट एचटीएमएल गुण को परिवर्तित कर सकता है

इस इंस्टांस में बदल कर <img> टैग के src गुण (source) को एक HTML इमेज को बदलने के लिए：

बत्ती


स्वयं प्रयोग करें

JavaScript HTML स्टाइल (CSS) को बदल सकता है

HTML एलीमेंट के स्टाइल को बदलना, HTML एलीमेंट के गुण को बदलने का एक रूप है:

इंस्टांस

document.getElementById("demo").style.fontSize = "25px";

स्वयं प्रयोग करें

JavaScript HTML एलीमेंट को छुपाने में सक्षम है

बदल कर display स्टाइल से HTML एलीमेंट को छुपाने के लिए：

इंस्टांस

document.getElementById("demo").style.display="none";

स्वयं प्रयोग करें

JavaScript HTML एलीमेंट को दिखाने में सक्षम है

बदल कर display स्टाइल से छुपे हुए HTML एलीमेंट को दिखाने के लिए：

इंस्टांस

document.getElementById("demo").style.display="block";

स्वयं प्रयोग करें

अंतर्बद्ध पठन

JavaScript एडवांस्ड ट्यूटोरियल： जावास्क्रिप्ट इतिहास 、 JavaScript इंटरियर