La propiedad de estilo «mostrar» en HTML DOM se usa para establecer elementos en la propiedad «mostrar». Para establecer el botón en la misma línea con otros elementos de la página web se hace usando la propiedad en línea .
Sintaxis:
- Devuelve la propiedad “display”.
object.style.display
- Establece la propiedad «display».
object.style.display = inline;
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<!-- script to set display property -->
<script>
function myGeeks() {
document.getElementById("GFG")
.style.display = "inline";
}
</script>
</head>
<body>
<div id="GFG">
<input type="checkbox" checked> computer
<input type="checkbox"> mobile
<input type="text">
</div>
<button onclick="myGeeks()">
Press
</button>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por pulkit_garg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA