Cómo insertar elementos con DIV en JavaScript

Programación

C /C + + Programming

Lenguajes De Programación

Delphi Programación

Programación Java

JavaScript Programación

Programación PHP /MySQL

Perl Programming

Python Programming

Rubí Programación

Visual Basics Programación

* Conocimientos Informáticos >> Programación >> JavaScript Programación >> Content

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. "

Previous ： Cómo conseguir un atributo de JavaScript

next ： Cómo controlar los márgenes en un JavaScript

Artículos relacionados

·	Cómo saber cuántas imágenes están en un div con Jav…
·	Alternativas a los botones de opción en JQuery
·	Cómo incrustar vídeos en un pop-up con JavaScript
·	Cómo desactivar el desplazamiento en Google Maps API V…
·	Cómo cambiar y redirigir un URL con Java
·	JavaScript: Apostrophe Problema en el URL
·	Cómo dividir un URL largas en 2
·	Cómo diagnosticar problemas con javascript
·	Cómo leer un objeto en jQuery
·	¿Qué Javascript Void no puede abrir Mean

Artículos destacados

·	Cómo crear servicios Web en un host de la máquina loc…
·	Silverlight : Cómo vincular un bloque de texto que un …
·	Cómo instalar eAccelerator XAMPP en un Mac
·	Cómo crear un programa de Visual Basic Utilizar el Si …
·	Un tutorial sobre tipos de cadenas en Python
·	Cómo deshacerse de ComboBox
·	Cómo construir aplicaciones SaaS
·	Cómo agregar artículos al ComboBox en VB
·	Cuáles son las ventajas y desventajas de los diseños …
·	Cómo separar un Int en una matriz