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

एचटीएमएल डोम मेनू वस्तु

<घंटा/>

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

नोट - <मेनू> तत्व केवल मोज़िला फ़ायरफ़ॉक्स ब्राउज़र में समर्थित है।

सिंटैक्स

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

एक <मेनू> बनाना तत्व

var menuObject = document.createElement(“MENU”)

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>Menu Object</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 contextmenu="MENU">
<fieldset>
<legend>Menu-Object</legend>
<label for="urlSelect">Current URL:</label>
<input type="url" size="30" id="urlSelect" value="https://www.example.com/aboutUs">
<div id="divDisplay"></div>
</fieldset>
<menu type="context"
id="MENU">
<menuitem label="Get URL"
onclick="contextFunction(1);">
</menuitem>
<menuitem label="Get Hostname"
onclick="contextFunction(2);">
</menuitem>
</menu>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var urlSelect = document.getElementById("urlSelect");
   function gethref(){
      divDisplay.textContent = 'URL Path: '+location.href;
   }
   function getHostname(){
      divDisplay.textContent = 'Hostname: '+location.hostname;
   }
   function contextFunction(role){
      if(role === 1)
         this.gethref();
      else
         this.getHostname();
   }
</script>
</body>
</html>

आउटपुट

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

फॉर्म पर राइट क्लिक -

एचटीएमएल डोम मेनू वस्तु

'यूआरएल प्राप्त करें' . क्लिक करने के बाद संदर्भ मेनू में मेनू आइटम -

एचटीएमएल डोम मेनू वस्तु

‘होस्टनाम प्राप्त करें’ . क्लिक करने के बाद संदर्भ मेनू में मेनू आइटम -

एचटीएमएल डोम मेनू वस्तु


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

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

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

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

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

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