Desplazarse al índice de navegación
Sin complicaciones, sin comentarios.
function agregarRegla(elmSPAN) {
var refHoja = document.styleSheets[1];
var Regla = 'p { font-size:1.5em; }';
refHoja.insertRule(Regla, refHoja.cssRules.length);
}
function eliminarRegla(elmSPAN) {
var refHoja = document.styleSheets[1];
refHoja.deleteRule(refHoja.cssRules.length-1);
}
Obtención de los valores computados para la representación. Para apreciar diferencias volver a ejecutar tras redimensionar la ventana, aumentar el tamaño de las letras, etc..
function obtenerEstiloComuptado() {
var elmP = document.getElementById('ParrafoEj');
var elmUL = document.createElement('ul');
var elmLI;
var elmSTRONG;
var elmText;
var cnjDecl = document.defaultView.getComputedStyle(elmP,null);
for (var i=0; i<cnjDecl.length; i++) {
elmLI = document.createElement('li');
elmSTRONG = document.createElement('strong');
elmText = document.createTextNode(cnjDecl.item(i)+': ');
elmSTRONG.appendChild(elmText);
elmLI.appendChild(elmSTRONG);
elmText = document.createTextNode(cnjDecl.getPropertyValue(cnjDecl.item(i)));
elmLI.appendChild(elmText);
elmUL.appendChild(elmLI);
}
elmP.parentNode.appendChild(elmUL);
}
Este texto no tiene ningún propósito razonable, ni aporta absolutamente ningún dato en especial, ya que es un simple relleno. Podría bromear un poco, y reproducir el discurso de un político, un fragmento de la legislación educativa o cualquier otro texto del mismo nivel de erudición, pero, pensándomelo mejor, prefiero dejarlo en este inútil fluir de palabras huecas, que no tiene ningún propósito razonable, ni aporta absolutamente ningún dato en especial, ya que es un simple relleno. Podría bromear un poco, y reproducir el discurso de un político, un fragmento de la legislación educativa o cualquier otro texto del mismo nivel de erudición, pero, pensándomelo mejor, prefiero dejarlo en este inútil fluir de palabras huecas, que no tiene ningún propósito razonable, ni aporta absolutamente ningún dato en especial, ya que es un simple relleno. Podría bromear un poco, y reproducir el discurso de un político, un fragmento de la legislación educativa o cualquier otro texto del mismo nivel de erudición, pero, pensándomelo mejor, prefiero dejarlo en este inútil fluir de palabras huecas...
La típica técnica histórica del HTML dinámico: cambiar el estilo en línea sobre la marcha. Disculpen las molestias.
var Contador = Math.PI;
var Temporizador;
Temporizador = setInterval('animarParrafo()', 25);
function animarParrafo() {
var elmP = document.getElementById('ParrafoEjAni');
elmP.style.marginLeft = 3*(1+Math.cos(Contador))+'em';
elmP.style.letterSpacing = (1+Math.cos(Contador))+'em';
elmP.style.top = 0.25*(Math.sin(2*Contador))+'em';
Contador+=0.05;
}
Texto
Estás en: tierra de nómadas > tallerWeb > Introducción al DOM > DOM Estilo
Volver a: Introducción al DOM (DOM Estilo).