How to add html tag in javaScript in hindi:
इस article में आप सीखने वाले हैं कि कैसे html tag को javaScript के अंदर हम लगा सकते हैं आपने इस article में देखा था कि कैसे हम javaScript को html tag के अंदर लगा रहे थे मगर इस समय हम इसको उल्टा कर रहे हैं। हम html tag को javaScript के अंदर लगाना सीखेंगे। तो आइए इसे देखते हैं प्रैक्टिकली इसे करना कैसे है -
यहां पर देखिये हमने html editor में html document open कर लिया है। अब इस document के अंदर हम आपको दिखाने वाले हैं, कि html को javaScript के अंदर कैसे लगाना है। अगर आप इसमें <script> tag के अंदर कोई भी अपना html का document लगाना चाहते हैं।
तो उसके लिए आप क्या करेंगे की document.write के अंदर ही ,यहीं पर आप कुछ भी लगा सकते हैं।
|
<!DOCTYPE html> <html> <head>
<title> JavaScript</title> <script>
document.write("Hello effort");
document.write("Hello from sseffort");
</script> </head> <body>
<h1>SSEFFORT</h1>
</body> </html> |
|
OUTPUT : Hello effort Hello from sseffort |
अब देखिए इसमें 2 अलग-अलग statement थी। मगर ये एक ही लाइन में आउटपुट में आ रही हैं। अब आप इसे यदि next line में लाना चाहते हैं। तो इसके लिए आप यहां पर <br> tag भी लगा सकते हैं।
|
<!DOCTYPE html> <html> <head>
<title> JavaScript</title> <script>
document.write("Hello effort<br>");
document.write("Hello from sseffort");
</script> </head> <body>
<h1>SSEFFORT</h1>
</body> </html> |
यह देखिए कोई भी अगर आप html का tag लगाना चाहते हैं, तो वह html tag, document.write के अंदर codes("") के अंदर ही आना चाहिए।
देखिए हमने file को save किया और refresh किया, तो Output में दोनों line अलग-अलग हो गई हैं।
|
OUTPUT
: Hello effort Hello from sseffort |
अब इसमें जो सेकंड लाइन है, हमें उसे bold या italic करना चाहते हैं। तो हम <i> tag को 2nd वाली line में codes के अंदर कुछ <i> </i> इस तरह से लगा देंगे।
|
<!DOCTYPE html> <html> <head>
<title> JavaScript</title> <script>
document.write("Hello effort<br>");
document.write("<i>Hello from sseffort</i>");
</script> </head> <body>
<h1>SSEFFORT</h1>
</body> </html> |
तो यह देखिये हमारी 2nd वाली line, italic हो चुकी है।
|
OUTPUT
: Hello effort Hello from sseffort |
मतलब कि आप कोई भी अगर html का tag जो है,वो इसके अंदर लगाना चाहते हैं, तो उसको लगाना बहुत ही easy है। आपको बस document.write command के अंदर inverted codes (" ") के अंदर आपको अपना html tag use करना है।
अब आप यह सोच रहे होंगे कि हम ऐसे क्यों करेंगे ? हम javaScript के अंदर जाकर tag क्यों लेंगे ? उसका भी एक particular reason है।
कि javaScript का जो code बनता है ,वह dyanmacly बनता है। आप अभी तो simple यही देख रहे हैं। मगर मैं इसके code को जब किसी event के साथ add करूँगा, मतलब की कोई button है, उस पर जब क्लिक करूं तो, ये Hello लिखा है वो Bold और italic हो।
तो उस case में यह बहुत easy रहता है - कि आप कैसे अपने html के tag को दिखाते हैं। तो dynamacaly अगर आप किसी html tag को लाना चाहते हैं, तो javaScript के थ्रू तो आपको उसे ऐसे ही codes के अंदर देना होगा।
इसको और कैसे एडवांस तरीके से यूज कर सकते हैं इसको हम अपने आगे वाले आर्टिकल में देख लेंगे।
0 Comments
Please do not enter any spam link in the comment box