Cómo escribir una Div. De JavaScript

El lenguaje JavaScript permite a los desarrolladores de sitios web para inspeccionar y modificar la estructura oculta de una página Web. JavaScript tiene métodos para acceder al Document Object Model o DOM - Interfaz de programación de aplicaciones del lenguaje de marcado de hipertexto . El método getElementById () de JavaScript permite al programador inspeccionar, modificar y añadir etiquetas HTML y la información de estilo. Propiedades de la hoja más estilo y los atributos pueden ser modificados, incluyendo fondos , fuentes , bordes , anchos y posicionamiento . Las etiquetas HTML deben estar etiquetados con un identificador para el método getElementById () puede encontrar y acceder a ellos. Cosas que necesitará editor de texto Plain
Mostrar más instrucciones
1

Inicie el texto de texto sin formato de solicitud normalizado , redactor en el equipo.

2

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

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

# outer {

background-color : yellow ;

}

# interno language = "javascript ">
función

changeDiv () {

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

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

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

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

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

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

document.getElementById ( " interior" ) innerHTML = " JavaScript puede cambiar muchas propiedades de una Div " ;

}

< /script >

< /head>
id="outer">

< div id = onClick " interior" = " changeDiv () "> Haga clic en el cuadro rojo para cambiar el div < /div >

< /body>

< /html>
3

Haga clic en " archivo", " Guardar". Guardar con el nombre de archivo " test.html ".
4

Inicie su navegador. Haga clic en " Archivo", " Abrir archivo ".
5

Busque el archivo " test.html " que ha creado. Haga clic en " Abrir ".
6

Haga clic en el texto en el fondo azul con el ratón para cambiar los márgenes de la caja .