La propiedad de lista de semana de entrada en HTML DOM se usa para devolver la referencia al elemento de lista que contiene un campo de semana de entrada.
Sintaxis:
weekObject.list.id
Valor devuelto: 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 semanas de entrada .
HTML
<!DOCTYPE html>
<html>
<head>
<title> HTML DOM Input Week list Property</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Input Week list property</h2>
<form id="formID">
<input type="week" id="week_id"
list="week_list" name="geeks"
value="2019-W10">
<datalist id="week_list">
<option value="2021-W12" />
<option value="2022-w23" />
<option value="1999-W14" />
<option value="2022-w15" />
<option value="1998-W19" />
</datalist><br><br>
</form>
<br>
<button onclick="btnclick()">
Click Here!
</button>
<p id="paraID" style="font-size:20px;"></p>
<!-- Script returns the property value -->
<script>
function btnclick() {
var weeklistVar = document
.getElementById("week_id").list.id;
document.getElementById("paraID")
.innerHTML = weeklistVar;
}
</script>
</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