Cómo eliminar el elemento por ID usando JavaScript
Este artículo seguirá los siguientes pasos dados de eliminar un elemento de una página web en JavaScript.
- Método GetElementsById
- método eliminar ()
- Eliminar nodos o elementos infantiles
¿Qué es el método GetElementsByID??
GetElementsById, como su nombre indica, es un método JavaScript que se utiliza para recuperar una identificación específica de un elemento y devolverlo a una variable. Este valor de elemento devuelto se puede utilizar al realizar varias tareas.
Sintaxis
A continuación, echaremos un vistazo al método Remout () incorporado para averiguar cómo se puede usar para eliminar elementos por ID en JavaScript.
El método remove () en JavaScript
El método remove () en JavaScript ayuda a eliminar un elemento o un nodo. No toma ningún parámetro ni devuelve ningún valor.
Como hemos visto el propósito de ambos GetElementsByid método y el eliminar método. Ahora, echaremos un vistazo a un fragmento de código simple que eliminará un elemento HTML de una página web:
Html
Eliminar el texto
Este texto se eliminará cuando haga clic en el botón
En el fragmento de código anterior, se proporciona un texto simple en y Etiqueta del elemento HTML junto con un botón. Una vez que se hace clic en el botón, el texto dentro del
La etiqueta se eliminará de la página web.
Guardar y ejecutar el código, la salida del fragmento anterior es similar a la que se muestra a continuación.
Ahora, se debe agregar un código JavaScript detrás del botón para que cuando se haga clic en el botón, se pueden lograr los resultados deseados.
Js
En el script anterior, se puede ver que un usuario definido por el usuario MyremoveFunction se ha creado la función en la que en primer lugar el Identificación del elemento es recuperado por el GetElementByid método y se almacena en la variable Textremove.
Después de devolver el elemento por ID a la variable Textremove, la función incorporada de eliminar se ha utilizado que eliminará el elemento HTML en el momento en que se hace clic en el botón.
Al ejecutar el código anterior, se puede ver una salida similar en el navegador como se presenta a continuación.
En la instantánea anterior de la salida, se puede ver que, cuando se hace clic en el botón, el texto que estaba presente en el La etiqueta del elemento se ha eliminado de la página web.
Conclusión
JavaScript proporciona diferentes métodos para una mejor funcionalidad de la página web. GetElementByID es uno de los métodos comunes y útiles que devuelve el valor de identificación de un elemento. El elemento cuya identificación se guarda en una variable se puede eliminar utilizando la función de eliminación incorporada de JavaScript.