La propiedad de tipo de color de entrada DOM en HTML DOM se usa para devolver qué tipo de elemento de formulario que contiene el selector de color es . Esta propiedad siempre devolverá «color».
Sintaxis:
colorObject.type
Valor de retorno: Devuelve un valor de string que representa el tipo de elemento de formulario que es el campo de color de entrada.
El programa siguiente ilustra el uso de la propiedad de tipo de color de entrada.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Color type Property
</title>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
HTML DOM Input Color type Property
</h2>
<p>
Select your favorite color:
<input type="color"
value="#009900"
id="color">
</p>
<button onclick="myGeeks()">
Click Here!
</button>
<p id="GFG"
style="color:green;
font-size:25px;">
</p>
<!-- script to return
the input color -->
<script>
function myGeeks() {
var x =
document.getElementById(
"color").type;
document.getElementById(
"GFG").innerHTML = x;
}
</script>
</body>
</html>
Salida: antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: el navegador compatible con la propiedad de tipo de color de entrada DOM que se enumera a continuación:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA