एचटीएमएल डोम आंतरिक एचटीएमएल संपत्ति
उदाहरण
आईडी = "डेमो" के साथ <p> तत्व की HTML सामग्री बदलें:
document.getElementById("demo").innerHTML = "Paragraph changed!";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
आंतरिक HTML गुण किसी तत्व की HTML सामग्री (आंतरिक HTML) को सेट या लौटाता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
आंतरिक HTML संपत्ति लौटाएं:
HTMLElementObject.innerHTML
आंतरिक HTML गुण सेट करें:
HTMLElementObject.innerHTML = text
सम्पत्ति की कीमत
Value | Description |
---|---|
text | Specifies the HTML content of an element |
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की HTML सामग्री का प्रतिनिधित्व करता है |
---|
और ज्यादा उदाहरण
उदाहरण
आईडी = "myP" के साथ <p> तत्व की HTML सामग्री प्राप्त करें:
var x = document.getElementById("myP").innerHTML;
उदाहरण
आईडी = "myList" के साथ <ul> तत्व की HTML सामग्री प्राप्त करें:
var x = document.getElementById("myList").innerHTML;
उदाहरण
दो तत्वों की HTML सामग्री बदलें:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
उदाहरण
आईडी = "डेमो" के साथ <p> तत्व की HTML सामग्री को अलर्ट करें:
alert(document.getElementById("demo").innerHTML);
उदाहरण
आईडी = "डेमो" के साथ <p> तत्व की HTML सामग्री हटाएं:
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
उदाहरण
किसी लिंक की HTML सामग्री, URL और लक्ष्य बदलें:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ तत्व वस्तु