HTML DOM DFN ऑब्जेक्ट HTML एलिमेंट से संबद्ध है। तत्व के अंदर का पाठ वह है जिसे आसपास के संदर्भ में परिभाषित किया जा रहा है। DFN ऑब्जेक्ट तत्व का प्रतिनिधित्व करता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैDFN ऑब्जेक्ट बनाना -
var p = document.createElement("DFN"); उदाहरण
आइए HTML DOM DFN ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h2>DFN object example</h2>
<p>Click the below button to create a dfn element with some text inside it.</p>
<button onclick="dfnCreate()">CREATE</button> <br><br>
<script>
function dfnCreate() {
var x = document.createElement("DFN");
var t = document.createTextNode("The defination element");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने पर -
हमने सबसे पहले एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर dfnCreate() फ़ंक्शन को निष्पादित करेगा -
<button onclick="dfnCreate()">CREATE</button>
DfnCreate () विधि दस्तावेज़ ऑब्जेक्ट की createElement () विधि का उपयोग करके एक तत्व बनाती है। यह तब createTextNode () विधि का उपयोग करके एक टेक्स्ट नोड बनाता है। टेक्स्ट नोड को तब तत्व में एक बच्चे के रूप में जोड़ा जाता है। अंत में टेक्स्ट नोड के साथ तत्व को एपेंड चाइल्ड () विधि का उपयोग करके दस्तावेज़ निकाय के बच्चे के रूप में जोड़ा जाता है -
function dfnCreate() {
var x = document.createElement("DFN");
var t = document.createTextNode("The definition element");
x.appendChild(t);
document.body.appendChild(x);
}