El objeto de menú DOM se utiliza para representar un elemento HTML <menu> . Esta etiqueta define una lista de comandos. Se utiliza para menús contextuales, barras de herramientas y para enumerar controles y comandos de formularios.
Sintaxis:
- Acceso al objeto de menú
var y = document.getElementById("myMenu"); - Crear objeto de menú
var y = document.createElement("MENU");
Propiedades:
- label: Establece o devuelve el valor del atributo label del menú.
- type: Establece o devuelve el valor del atributo type del menú.
Ejemplos-1: Acceso al objeto de menú.
<!DOCTYPE html>
<html>
<body>
<div style="background:green;
padding: 10px;"
contextmenu="MENU">
<p>Right-click inside the box
to see the context menu!!!</p>
<menu type="context"
id="MENU">
<menuitem label="Refresh"
onclick="window.location.reload();"
icon="ico_reload.png">
</menuitem>
<menuitem label="Email This Page"
onclick="window.location=
'mailto:?body='
+window.location.href;">
</menuitem>
</menu>
</div>
<script>
function Geeks() {
var y = document.getElementById("MENU");
}
</script>
<p>This example can work only on Firefox!</p>
</body>
</html>
Producción:
Ejemplo-2: Creación de un objeto de menú.
<!DOCTYPE html>
<html>
<body>
<div style="background:pink;
padding: 10px;"
contextmenu="MENU">
<p>Right-click inside the box
to see the context menu!!!</p>
<menu type="context"
id="MENU">
<menuitem label="Refresh"
onclick="window.location.reload();"
icon="ico_reload.png">
</menuitem>
<menuitem label="Email This Page"
onclick="window.location=
'mailto:?body='
+window.location.href;">
</menuitem>
</menu>
</div>
<script>
function Geeks() {
//creating menu
var y =
document.createElement("MENU");
document.getElementById("MENU");
}
</script>
<p>This example can work only on Firefox!</p>
</body>
</html>
Producción:
Nota: El
- Mozilla Firefox-8.0
Publicación traducida automáticamente
Artículo escrito por kartikgoel1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA