HTML DOM DFN ऑब्जेक्ट

HTML DOM DFN ऑब्जेक्ट HTML <dfn> तत्व से जुड़ा हुआ है। <dfn> तत्व के अंदर का टेक्स्ट वह है जिसे आसपास के संदर्भ में परिभाषित किया जा रहा है। DFN ऑब्जेक्ट <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>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

CREATE बटन पर क्लिक करने पर:

हमने पहले एक CREATE बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर dfnCreate() फ़ंक्शन को निष्पादित करेगा:

<button onclick="dfnCreate()">CREATE</button>

dfnCreate() मेथड document ऑब्जेक्ट के createElement() मेथड का उपयोग करके एक <dfn> तत्व बनाता है। यह फिर createTextNode() मेथड का उपयोग करके एक टेक्स्ट नोड बनाता है। टेक्स्ट नोड को फिर <dfn> तत्व के चाइल्ड के रूप में जोड़ा जाता है। अंत में <dfn> तत्व को टेक्स्ट नोड के साथ document body के चाइल्ड के रूप में appendChild() मेथड का उपयोग करके जोड़ा जाता है:

function dfnCreate() {    var x = document.createElement("DFN");    var t = document.createTextNode("The definition element");    x.appendChild(t);    document.body.appendChild(x); }