JSPRO1/JS modifica dinámicamente todo el estilo de página HTML (desgastamiento) .html
La copia del código es la siguiente:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<título> Estilo de página dinámico </title>
<link href = "css/blue.css" rel = "stylesheet" id = "mylink"/>
<script type = "text/javaScript">
function gel (id) {
return document.getElementById (id);
}
window.onload = function () {
// Reemplazar el archivo CSS
var lis = gel ("ulist"). Nodos infantiles;
para (var i = 0; i <lis.length; i ++) {
if (lis [i] .nodeType == 1) {
lis [i] .Onclick = function () {
gel ("mylink"). href = "css/" + this.classname + ".css";
};
}
}
};
</script>
</ablo>
<Body>
<div>
<span> Modifique el estilo de toda la página </span> <br/>
<input type = "text" id = "txt"/>
<input type = "button" value = "enviar"/>
</div>
<ul id = "ulist" style = "Text-Decoration: None; Margin-top: 100px;">
<li style = "display: bloque; ancho: 30px; altura: 20px; fondo de fondo: rojo;"> </li>
<li style = "display: bloque; ancho: 30px; altura: 20px; fondo de fondo: azul"> </li>
</ul>
</body>
</html>
JSPRO1/CSS/RED.CSS
La copia del código es la siguiente:
* {
margen: 0px; relleno: 0px;
}
cuerpo {
Color de fondo: #EEEEEE;
}
durar {
Color: rojo;
}
#TXT {
Color: "Border: 1px Solid #7D1515;
}
.btn {
Color de fondo: #a52a2a; borde: ninguno; color: blanco; ancho: 100px; altura: 28px;
}
JSPRO1/CSS/Blue.css
La copia del código es la siguiente:
* {
margen: 0px; relleno: 0px;
}
cuerpo {
Color de fondo: #EEEEEE;
}
durar {
Color: azul;
}
#TXT {
color: #0000CD; borde: 1px sólido #006400;
}
.btn {
Color de fondo: #0000CD; borde: ninguno; color: blanco; ancho: 100px; altura: 28px;
}