Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम मार्क ऑब्जेक्ट

<घंटा/>

HTML में HTML DOM मार्क ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

एक बनाना तत्व

var markObject = document.createElement(“MARK”)

उदाहरण

आइए HTML DOM मार्क के लिए एक उदाहरण देखें तत्व -

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Mark</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>HTML-DOM-Mark</legend>
<label>Full Name:
<input type="text" id="textSelect" autocomplete="off">
<input type="button" value="Submit" onclick="createMark()">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var textSelect = document.getElementById("textSelect");
   function createMark() {
      if(textSelect.value === ''){
         var mark = document.createElement('MARK');
         var textInput = document.createTextNode('Name Required');
         mark.appendChild(textInput);
         divDisplay.insertAdjacentElement("afterbegin", mark);
      }
   }
</script>
</body>
</html>

आउटपुट

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

‘सबमिट’ clicking क्लिक करने से पहले बटन -

एचटीएमएल डोम मार्क ऑब्जेक्ट

‘सबमिट करें’ . क्लिक करने के बाद बटन -

एचटीएमएल डोम मार्क ऑब्जेक्ट


  1. एचटीएमएल डोम डीएल वस्तु

    HTML DOM dl ऑब्जेक्ट HTML एलिमेंट से जुड़ा है। तत्व विवरण सूची बनाने के लिए है। dl ऑब्जेक्ट का उपयोग करके हम जावास्क्रिप्ट का उपयोग करके तत्व को गतिशील रूप से बना और एक्सेस कर सकते हैं। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है विवरण सूची बनाना - var p = document.createElement("DL"

  1. एचटीएमएल डोम एचआर ऑब्जेक्ट

    HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम

  1. एचटीएमएल डोम उल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची