HTML DOM emphasized ऑब्जेक्ट

HTML DOM emphasized ऑब्जेक्ट HTML <em> तत्व से जुड़ा होता है। <em> तत्व का उपयोग कुछ टेक्स्ट पर जोर देने के लिए किया जाता है और यह उस टेक्स्ट को इटैलिक में चिह्नित करता है। आप createElement() या getElementById() मेथड का उपयोग करके क्रमशः emphasized ऑब्जेक्ट बना और एक्सेस कर सकते हैं।

सिंटैक्स

emphasized ऑब्जेक्ट बनाने के लिए सिंटैक्स:

var e = document.createElement("EM");

उदाहरण

आइए emphasized ऑब्जेक्ट का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>emphasized ऑब्जेक्ट उदाहरण</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके एक em तत्व बनाएं</p> 
<button onclick="createEM()">CREATE</button> 
<br><br> 
<script> 
  function createEM() { 
    var e = document.createElement("EM"); 
    var txt = document.createTextNode("HELLO WORLD"); 
    e.appendChild(txt); 
    document.body.appendChild(e); 
  } 
</script> </body> </html>

आउटपुट

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

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

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

• हमने पहले एक बटन CREATE बनाया जो यूज़र द्वारा क्लिक किए जाने पर createEM() मेथड को एक्ज़िक्यूट करता है:

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

• createEM() मेथड document ऑब्जेक्ट के createElement() मेथड का उपयोग करके एक <em> तत्व बनाता है। फिर यह वेरिएबल e को असाइन करता है और document ऑब्जेक्ट के createTextNode() मेथड का उपयोग करके कुछ टेक्स्ट के साथ एक टेक्स्ट नोड बनाता है। टेक्स्ट नोड को फिर <em> तत्व में जोड़ा जाता है। अंत में टेक्स्ट नोड के साथ <em> तत्व को appendChild() मेथड का उपयोग करके दस्तावेज़ के बॉडी में जोड़ा जाता है:

function createEM() { 
  var e = document.createElement("EM"); 
  var txt = document.createTextNode("HELLO WORLD"); 
  e.appendChild(txt); 
  document.body.appendChild(e); 
}