Cómo Quitar un Elemento Con JavaScript

Como Quitar un Elemento Con JavaScript

Las funciones de JavaScript puede añadir y eliminar elementos en una pagina Web. Los elementos HTML dentro de una pagina Web se organizan en un "arbol" de la estructura, que es accesible a funciones JavaScript que operan dentro de la pagina. Navegando esta estructura, una funcion de JavaScript es capaz de localizar en primer lugar un elemento, a continuacion, eliminar el uso de una referencia a su elemento padre. La creacion de funciones de JavaScript para eliminar elementos por lo general no es dificil y es una buena habilidad para aprender como desarrollar conocimientos de programacion Web.

funciones de JavaScript puede añadir y eliminar elementos en una pagina Web. Los elementos HTML dentro de una pagina Web se organizan en un 'arbol' de la estructura, que es accesible a funciones JavaScript que operan dentro de la pagina. Navegando esta estructura, una funcion de JavaScript es capaz de localizar en primer lugar un elemento, a continuacion, eliminar el uso de una referencia a su elemento padre. La creacion de funciones de JavaScript para eliminar elementos por lo general no es dificil y es una buena habilidad para aprender como desarrollar Web de habilidades de programacion.

• Crear tu pagina Web que contiene el elemento que desea eliminar. Escriba el codigo siguiente en un nuevo archivo en un editor de texto y guardarlo con '.HTML' como la extension del archivo:
  
  
  
  
  
  Quitar de Mi
  
  
  
  Este es un simple ejemplo de la pagina para demostrar el principio de la eliminacion de un elemento HTML, por lo que la pagina solo contiene el elemento a ser eliminado. El elemento se le ha asignado un 'onclick' de la funcion, lo que significa que cuando el usuario hace clic en el, una funcion de JavaScript se llama y el elemento con el atributo 'id' pasado.
• Crear su funcion JavaScript. Entramos en una zona de codigo en la seccion head de su pagina, entre la apertura y cierre de las etiquetas de cabecera:
  
  Esto representa la funcion que se llama en hacer clic en el elemento de pagina. Observe que el nombre de la funcion coincide con el elemento 'onclick' de la funcion. El parametro 'divID' representa el valor de ID pasado cuando el elemento se hace clic.
• Busque el elemento de que se hace clic. Agregue el siguiente dentro de su funcion de JavaScript, entre la apertura y el cierre de la funcion entre parentesis:
  var childElem = documento.getElementById(divID)
  para Ello se utiliza el pasado de IDENTIFICACION de valor para buscar el elemento dentro de la pagina HTML. La variable 'childElem' ahora contiene un puntero al elemento que ha sido pulsado. Usted puede usar esta referencia para su posterior procesamiento.
• Busque el elemento padre del elemento de que se hace clic. Para quitar un elemento, se debe adquirir una referencia a su padre, luego de instruir a este elemento para eliminar el elemento secundario que estan tratando de destruir. Agregue el siguiente codigo para obtener una referencia a los padres de familia:
  var parentElem = childElem.parentNode
  el codigo tiene ahora una referencia al elemento a ser eliminado y su elemento padre.
• elimina el elemento de la pagina. Agregue el codigo siguiente, llevando a cabo la operacion de eliminacion:
  parentElem.removeChild(childElem)
  Este llama a un metodo en el elemento primario, instruyendo a quitar el niño elemento especificado como parametro. Guardar el archivo y abre la pagina en un navegador Web para probarlo. Haga clic en el elemento de texto y usted debe ver a desaparecer. Para probar de nuevo, la actualizacion de la pagina y haga clic de nuevo.

Consejos & Advertencias

• funciones de JavaScript puede acceder y eliminar cualquier elemento de la pagina.

• tenga cuidado al quitar elementos en caso de que accidentalmente se refieren a y quitar el mal de uno.