Propiedad de lista de tiempo de entrada HTML DOM

La propiedad de lista de tiempo de entrada en HTML DOM se usa para devolver una referencia al elemento de lista que contiene un campo de tiempo de entrada.

Sintaxis:

timeObject.list.id

Valor de retorno: Devuelve un valor de string que representa el valor del atributo id del elemento datalist.

Ejemplo:  El siguiente código HTML se usa para devolver la propiedad de la lista de tiempo de entrada.  

HTML

<!DOCTYPE html>
<html>
<head>
    <title>DOM Input Time list Property</title>
</head>
<body>
    <center>
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
        <h2>DOM Input Time list Property</h2>
        <label for="uname" style="color:green">
            <b>Enter time</b>
        </label>
        <input type="time" id="gfg" list="time_list" 
            placeholder="Enter time">
        <datalist id="time_list">
            <option value="09:55:32.55">
            <option value="22:15:35">
            <option value="16:00">
            <option value="12:00">
            <option value="11:00">
        </datalist><br><br>
        <br>
        <button type="button" onclick="geeks()">
            Click Here!
        </button>
        <p id="GFG" style="font-size:24px; color:green;">
        </p>
  
        <script>
            function geeks() {
                var link =
                    document.getElementById(
                        "gfg").list.id;
                document.getElementById(
                    "GFG").innerHTML = link;
            }
        </script>
    </center>
</body>
</html>

Producción:

 

Navegadores compatibles:

  • Google Chrome
  • Borde
  • Mozilla 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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *