Cómo utilizar las propiedades del objeto atributo para codificar con javascript

En javascript, el Atributo objeto proporciona propiedades para trabajar con atributos dentro de los elementos HTML. Aquí está una lista de todos los Atributo las propiedades del objeto.

Video: 018.- Curso de javascript para principiantes. ¿Cómo identifica javascript los elementos del DOM?

PropiedadUtilizar
isIdLos rendimientos cierto si el atributo es una
ID- de otro modo, los rendimientos falso
nombreObtiene el nombre del atributo
valorObtiene o establece el valor del atributo
especificadoLos rendimientos cierto si el atributo ha sido
especifica- de otro modo, los rendimientos falso

Creación y añadiendo elementos

Para crear un nuevo elemento en un documento HTML, utilice el document.create
Elemento()
método. Cuando se utiliza createElement (), Se creará un nuevo comienzo y al final de la etiqueta del tipo que se especifique.

Video: Curso de Diseño y Programación Web: 13.javascript: Objetos, métodos, atributos, funciones, variables

Aquí está un ejemplo de cómo se puede utilizar este método para crear dinámicamente una lista en un documento HTML a partir de una matriz.

La generación de una lista

Aquí están algunos tipos de bolas

La eliminación de los elementos

Para todas las grandes cosas que le permite hacer con los documentos HTML, el DOM HTML no está muy bien considerado por los programadores de javascript profesionales. Tiene una serie de rarezas y tiende a hacer algunas cosas más difíciles de lo que deberían ser.

Video: 7. Objetos en javascript

Uno de los grandes fallos en el DOM es que no proporciona ninguna manera de eliminar directamente un elemento de un documento. En su lugar, usted tiene que decirle al DOM para encontrar el padre del elemento que desea eliminar y luego informar a los padres para eliminar su hijo. Suena un poco confuso, pero este ejemplo debe aclarar todo.

Quitar un elemento

Lorem ipsum dolor sit amet, elit consectetur adipiscing. Vestibulum molestie pulvinar ante, un volutpat est Sodales et. Ut gravida justo ac leo euismod, et tempus magna posuere. Cum sociis natoque penatibus et Magnis dis parturienta montes, nascetur mus ridiculus. Entero non mi iaculis, facilisis risus et, vestibulum lorem. Sed quam ex, placerat NEC Identificación tristique, Mattis fringilla ligula. Mecenas un pretium Justo. Suspendisse sentarse consectetur amet nibh, tristique quis Tellus, arcu congue. Etiam pellentesque dictado elit eget sempre. Phasellus ñeque Orci, semper ac ac tortor, laoreet ultricies enim.

Cuando se ejecuta este código en un navegador y pulsa el botón, el al hacer clic evento llama al removeFirstParagraph () función.

Video: Curso javascript Orientado A Objetos | 3 Propiedades Y Métodos

La primera cosa removeFirstParagraph () hace es para seleccionar el elemento que realmente desea eliminar el elemento con el id = primer párrafo. A continuación, el script selecciona el nodo principal del primer párrafo. A continuación, utiliza la removeChild () método para eliminar el primer párrafo.

Artículos Relacionados