Al operar el árbol DOM en JavaScript, a menudo puede encontrar la adición y eliminación de nodos, como un cuadro de entrada con un botón de adición y un botón de eliminación. Haga clic para agregar para agregar un cuadro de entrada y haga clic para eliminar para eliminar el cuadro de entrada correspondiente. En algunos marcos JS, como el prototipo, puede usar element.remove () para eliminar un nodo. No existe tal método en el núcleo JS. Hay un método en IE: remOvente (), intente ejecutar el siguiente código
<Div> <input onClick = "removenode (this)" type = "text" value = "Haga clic para eliminar este cuadro de entrada" /> </div>
Se puede encontrar que este método funciona bien en IE, pero en los navegadores estándar como Firefox, Removenode no está definido. Sin embargo, hay un método para operar nodos DOM en Core JS: RemoVeChild (). Debe saber que es eliminar el nodo del niño mirando el nombre. Entonces podemos adaptarnos a la eliminación del nodo especificado. Primero podemos encontrar el nodo principal del nodo para eliminar, y luego usar RemoVeChild en el nodo principal para eliminar el nodo que queremos eliminar. Podemos definir un método llamado RemoLeLement.
función removeLement (_Element) {var _parentElement = _Element.ParentNode; if (_ParentElement) {_ParentElement.RemoVeChild (_Element); }}Intente ejecutar el siguiente código y se puede ejecutar correctamente en varios navegadores.
<script type = "text/javaScript"> función removeLement (_Element) {var _parentElement = _Element.ParentNode; if (_ParentElement) {_ParentElement.RemoVeChild (_Element); }} </script> <div> <input onClick = "removeLement (this)" type = "text" value = "Haga clic para eliminar este cuadro de entrada"/> </div>Lo anterior es todo el contenido de este artículo. Para obtener más información sobre JavaScript, puede consultar: "Tutorial de referencia de JavaScript" y "Guía de estilo de código JavaScript". También espero que todos apoyen más a Wulin.com.