- Introduction to innerHTML in JavaScript in Hindi
- Example of innerHTML property in Hindi
Contents
show
Introduction to innerHTML in JavaScript
InnerHTML संपत्ति एचटीएमएल दस्तावेज़ पर dynamic HTML लिखने के लिए इस्तेमाल किया जा सकता है।
इसका उपयोग ज्यादातर वेब पेजों में डायनामिक HTML जेनरेट करने के लिए किया जाता है जैसे कि रजिस्ट्रेशन फॉर्म, कमेंट फॉर्म, लिंक आदि।
आंतरिक HTML संपत्ति का उदाहरण
इस उदाहरण में, जब उपयोगकर्ता बटन पर क्लिक करता है तो html फॉर्म बनाएंगे।
इस उदाहरण में, हम गतिशील रूप से आईडी mylocation वाले div नाम के अंदर html फॉर्म लिख रहे हैं। हम इस स्थिति की पहचान document.getElementById() विधि को कॉल करके कर रहे हैं।
<script type="text/javascript" >
function showcommentform() {
var data="Name:<input type='text' name='name'><br>Comment:<br><textarea rows='5' cols='80'></textarea>
<br><input type='submit' value='Post Comment'>";
document.getElementById('mylocation').innerHTML=data;
}
</script>
<form name="myForm">
<input type="button" value="comment" onclick="showcommentform()">
<div id="mylocation"></div>
</form> 