-
Cómo borrar atributos de elementos
-
El Document Object Model o DOM le da acceso a los elementos de una página web. El DOM permite añadir o cambiar fondos, márgenes, colores, tipos de letra, fuentes, bordes y anchos. La función de JavaScript getElemenById () le permite cambiar un archivo HTML, o HypertText Markup Language, elemento si ese elemento se marca con un identificador único. Si un elemento de estilo, tales como color de la fuente de un párrafo ya está establecido, puede anular el atributo sin volver a cargar la página Web estableciendo el atributo de estilo de color en una cadena vacía.Instrucciones
1 Iniciar el editor Bloc de notas de texto sin formato haciendo clic en el botón "Inicio", clic en "Todos los programas", "Accesorios" y luego haciendo clic en el Bloc de notas.
2 Escribir en el Bloc de notas:
<Html>
<Head>
<Style type = "text / css">
pag {
font-weight: normal;
font-style: normal;
font-size: 12px;
frontera: 2px azul punteada;
anchura: 50%;
}
</ Style>
<Script language = "javascript">
changeStyle función () {
// Todos los atributos establecidos y cadena vacía ""
. Document.getElementById ( "contenedor") style.backgroundColor = "";
. Document.getElementById ( "título") style.color = "";
. Document.getElementById ( "título") style.backgroundColor = "";
. Document.getElementById ( "cuadro de texto") style.padding = "";
. Document.getElementById ( "cuadro de texto") style.backgroundColor = "";
. Document.getElementById ( "cuadro de texto") style.color = "";
document.getElementById ( "punto") style.fontSize = ".";
. Document.getElementById ( "punto") style.color = "";
. Document.getElementById ( "punto") style.width = "";
. Document.getElementById ( "myButton") innerHTML = "Works!";
}
</ Script>
</ Head>
<Body id = estilo de "contenedor" = "background-color: # F5BFBF">
<Id h1 = "título" style = "color: # 00F; background: # c1c1c1"> Moby Dick </ h1>
<Div id = estilo "cuadro de texto" = "color: red; background-color: negro; padding: 10px; border: 2px sólidos # f00;" >
<P id = "párrafo" style = "font-size: 28px; ancho: 400px; color: green">
No me llames Al. Mi memoria y mi bolso se han reducido en los últimos años ya que nunca he adaptado a la vida en la tierra. </ P>
</ Div>
<Botón de id = tipo "myButton" = "button" onclick = "javascript: changeStyle ()"> Haga clic aquí para borrar ciertos atributos de estilo </ botón>
</ Body>
</ Html>
3 Haga clic en el menú Archivo. Seleccionar la opción "Guardar". Guardar con el nombre de archivo "test.html".
4 Inicie el navegador web. Haga clic en la opción de menú "Archivo" y seleccionar "Abrir archivo".
5 Busque el archivo "test.html" acaba de crear, seleccionar con el ratón a continuación, haga clic en "Abrir".
6 Haga clic en el botón etiquetado como "Haga clic aquí para borrar ciertos atributos de estilo." Los colores y los tamaños de fuente deben esta forma los valores de hojas de estilo en la sección <head> del HTML.
Consejos y advertencias
- Puede evitar muchos errores de programación de JavaScript mediante la colocación de consejos en todo el código. Comentario que ayudan y otros que puedan trabajar en su código de entender la lógica detrás de la secuencia de comandos. Adición de espacio en blanco entre bloques distintos de código como los bucles, sentencias condicionales, funciones y declaraciones de variables hacen que sea más fácil seguir el flujo de ejecución del script. Por último, el uso de nombres de variables y funciones descriptivas cortas pero puede hacer que la escritura Javascript casi tan fácil como escribir pseudo-código.
- Aunque la mayoría de los navegadores web modernos hacen un esfuerzo por cumplir con HTML, JavaScript / ECMAScript y las normas de hojas de estilo en cascada, las versiones antiguas de algunos navegadores propietarios no pueden mostrar correctamente las páginas Web diseñados utilizando las últimas técnicas. Probar sus páginas Web en mayor número de navegadores diferentes en tantos dispositivos como sea posible para asegurarse de que muestra el mayor número de gente va a ver su página del modo deseado.
