जावास्क्रिप्ट आंतरिक html

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

आपको पता होना चाहिए कि आपकी साइट को अधिक इंटरैक्टिव बनाने के लिए पृष्ठ पर दिखाई देने वाले टेक्स्ट या HTML को कैसे संशोधित किया जाए। यहीं पर HTML innerText और innerHTML विशेषताएँ आती हैं।

ये विशेषताएँ DOM तत्व के टेक्स्ट और उसके HTML कोड को संशोधित करना आसान बनाती हैं। . इस मार्गदर्शिका में, आप सीखेंगे कि आंतरिक पाठ और आंतरिक HTML JavaScript विशेषताओं का उपयोग कैसे करें।

JavaScript आंतरिक HTML क्या है?

आंतरिक HTML जावास्क्रिप्ट गुण वेब पेज पर किसी तत्व की HTML सामग्री को परिभाषित करता है। इनर एचटीएमएल एचटीएमएल डोम की एक संपत्ति है। innerHTML का उपयोग अक्सर

तत्व

की सामग्री को परिभाषित और संशोधित करने के लिए किया जाता है, आप आंतरिक HTML का उपयोग इस तरह कर सकते हैं: ..

document.getElementById ("पैराग्राफ") innerHTML = " कर्म कैरियर!";

कोड की यह पंक्ति "पैराग्राफ"

तत्व "कर्म कैरियर" की सामग्री को परिभाषित करती है! getElementById () विधि किसी तत्व को उसकी आईडी से पुनर्प्राप्त करती है।

ब्राउज़र एक href = "/ what-is-the-javascript-dom /" > ऑब्जेक्ट मॉडल (DOM) दस्तावेज़ जब कोई पेज लोड होता है। यह DOM पृष्ठ पर प्रदर्शित वस्तुओं की एक श्रृंखला है।

DOM का अर्थ है कि आपको हर बार वेब तत्व बदलने के लिए HTML कोड बदलने की आवश्यकता नहीं है। आप किसी विशेष सत्र में पृष्ठ के प्रकट होने के तरीके को बदलने के लिए DOM और JavaScript का उपयोग कर सकते हैं

JavaScript innerText क्या है?

JavaScript innerT ext गुण किसी तत्व की पाठ्य सामग्री को परिभाषित करता है। यह अपने वंशजों की सामग्री को भी परिभाषित करता है। वंशज एक पैराग्राफ में टैग शामिल कर सकते हैं

आंतरिक पाठ का सिंटैक्स आंतरिक HTML के समान है: ..

document.getElementById ("element") InnerText = "यह है एक परीक्षण। & Rdquo;;;

आईडी "एलिमेंट" के साथ तत्व के टेक्स्ट मान को "यह एक परीक्षण है" पर सेट करता है।

आप अपने पर जाकर इन विधियों का परीक्षण कर सकते हैं जावास्क्रिप्ट कंसोल और संशोधित करने के लिए एक तत्व का चयन:

के बाद अनुरोध कैसे करें

यह वेब पेज पर पहले HTML

टैग की सामग्री को बदल देता है। यदि आप टेक्स्ट को बदलना चाहते हैं, तो आप innerText विशेषता का उपयोग कर सकते हैं:.

पेज पर दूसरे पैराग्राफ की सामग्री को संशोधित करता है (संख्या 1 द्वारा इंगित) एक परीक्षा।" "

आइए वेब पेज पर टेक्स्ट को बदलकर शुरू करते हैं। हम फ्लैशकार्ड के साथ एक साधारण वेब पेज बनाने जा रहे हैं। यह वेब पेज एचटीएमएल के बारे में एक प्रश्न प्रदर्शित करेगा। इसमें एक बटन होगा, जिसे क्लिक करने पर , एक HTML प्रश्न का उत्तर प्रकट करेगा।

एक वेबपेज बनाएं

हमारा पहला कदम हमारे फॉरवर्ड के लिए एक index.html फ़ाइल बनाना है: