Cómo insertar elementos con DIV en JavaScript

JavaScript proporciona a los programadores las herramientas para modificar la estructura invisible de una página web conocida como el Document Object Model (DOM ) . El DOM es la interfaz de programación de aplicaciones de HyperText Markup Language ( HTML). El método getElementById () de JavaScript puede acceder a la página de la división tag " div " para añadir o modificar la información de estilo de HTML como fondos , fuentes , bordes , anchos y posicionamiento . Además , la propiedad innerHTML puede cambiar el contenido entre el

< /div > etiquetas. Etiquetas HTML deben estar etiquetados con un identificador antes el método getElementById () puede encontrar y acceder a ellos . Cosas que necesitará editor de texto Plain
Mostrar más instrucciones
1

Inicie la aplicación de edición de texto sin formato estándar que está disponible en su ordenador.

2

Escriba el siguiente código en el editor de texto :

< style type = "text /css "> < - Opiniones

# interno language = "javascript ">
función

changeDiv () {

document.getElementById ( " interior" ) style.width = " 500px " ; .

document.getElementById ( " interior" ) style.height = " 220px " ; .

document.getElementById ( " interior" ) style.fontSize = " 62px " ; .

document.getElementById ( " interior" . ) style.textAlign = "center " ;

document.getElementById ( " interior" ) = style.backgroundColor "# FFB3B3 " ; .

document.getElementById ( " interior" ) estilo. . border = " 4px discontinua roja " ; .

document.getElementById ( " interior" ) style.color = " negro " ; .

document.getElementById ( " interior" ) innerHTML = " JavaScript puede insertar el estilo y elementos de contenido en un div " ;

document.getElementById ( " myButton ") . value =" y funciona " ; !

}

< ;/script>

< /head>

aquí es el div rojo < /div > ;

/> < p> < /body>

< /html>

3 Haga clic en el menú Archivo. Seleccione la opción "Guardar" . Guardar con el nombre de archivo " test.html ".
4

Inicie el navegador web que está disponible en su ordenador. Haga clic en el menú " Archivo" y seleccionar " Abrir archivo ".
5

Busque el archivo " test.html " que acaba de crear , seleccione con el ratón a continuación, haga clic en " Abrir".
6

Haga clic en el botón " Haga clic en este botón para insertar Nueva Info en la Div Red arriba. "

Página anterior: Cómo conseguir un atributo de JavaScript

Página siguiente: Cómo controlar los márgenes en un JavaScript

JavaScript Programación: Cómo eliminar decimales usando javascript; Cómo obtener el ancho de un elemento en Javascript; ¿Cómo solucionar el bloqueo de renderizado de JavaScript y CSS en WordPress?; Cambiar el puntero del ratón en Javascript; ¿Cómo agregar JavaScript en el sitio Weebly?; Cómo cambiar el contenido de un iFrame con JavaScript; ¿Cómo indexa Google las páginas dinámicas de JavaScript?; Cómo visualizar XML con JavaScript

Los últimos artículos de equipo

Artículos de la popular computadora

Más categorías