JavaScript proporciona el sitio web de desarrollador de medios para ver y modificar los elementos estructurales de una página Web. JavaScript tiene funciones integradas que pueden acceder al HTML (Hypertext Markup Language) Document Object Model o DOM, y exponer los atributos de estilo de HTML tag.The método JavaScript específico - getElementById () - puede mirar en una etiqueta HTML que se ha marcado con un identificador y los atributos revelan , como sus antecedentes, fuentes , bordes , ancho , márgenes y posicionamiento. Cosas que necesitará
Un ordenador con cualquier navegador Web
Un editor de texto sin formato
Mostrar más instrucciones
1

Inicie el editor de texto estándar , texto plano aplicación que está disponible en su ordenador.
2

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

Messenger language="javascript">

función Consultas () { var

infomytag1 = document.getElementById ( " mytag1 ");

var infomytag2 = document.getElementById ( " mytag2 ");

document.write ( "atributos Tag

por primera div < /h2 >") ;

document.write ( "Font color es : "+ infomytag1.style.color ) ;

document.write ( " ");

document.write ( " ancho de párrafo es : "+ infomytag1.style.width ) ;

document.write ( "");

document.write ( " tamaño de letra es: " + infomytag1.style.fontSize ) ;

document.write ("" ) ;

document.write ( " El color de fondo es: " + infomytag1.style.backgroundColor ) ;

document.write ( "");

document.write ( "Margen de fondo es: " + infomytag1.style.marginBottom ) ;

document.write ( "atributos Tag

para el segundo div < /h2 >") ;
documento

. write ( " Color de fuente es: " + infomytag2.style.color ) ;

document.write ( "");

document.write ( " familia de fuentes es: " + infomytag2 . style.fontFamily ) ;

document.write ( "");

document.write ( " tamaño de letra es: " + infomytag2.style.fontSize ) ;
documento

. write ( "");

document.write ( " peso de la fuente es: " + infomytag2.style.fontWeight ) ;

document.write ( "");
< p > document.write ( " margin-bottom es: id = estilo " mytag1 " = " color: red; anchura: 10em ; background-color : yellow ; font- size: 16px ; margin-bottom : 2em "> Aquí está mytag1 < /div >

< ; div id = " mytag2 " style = "color: blue ; font- family: arial ; font- size: 8px ; font-weight : bold; margin-bottom : 30px "> Otro div etiqueta " mytag2 " < /div > ;

< /body>
< p > < /html>

3 Haga clic en el menú Archivo. Seleccione la opción " Guardar" . Guardar con el nombre de archivo " test.html ".
4 < p> Inicie el navegador web que está disponible en su computadora . Haga clic en el menú " archivo" y seleccionar " Abrir archivo ".
5

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

clic en el botón con el ratón para ver los atributos de las etiquetas " div " .