Redes
Redes
Entradas populares de este blog
DOM: styles, ranges
DOM styles, ranges. styles: style object es una instancia de CSSStyleDeclaration y contiene la información de estilos especificada en el HTML style atributte pero no hay información sobre los estilos que han caído en cascada desde las hojas de estilo incluidas o en línea. Todas las CSS property especificadas en style attribute están representadas como propiedades de style object. let myDiv = document.getElementById("myDiv"); myDiv.style.backgroundcolor = "red"; // set the background color myDiv.style.border = "1px solid black"; Los estilos especificados en style attribute pueden también recuperarse usando style object <div id"myDiv" style="background-color: blue; width:10px">...</div> alert( myDiv.style.backgroundcolor ); // "blue" alert( myDiv.style.width ); // "10px" DOM Style Properties and Methods cssText: cssText: Permite acceder al CSS code de style attrib...
Document Object Model (DOM)
DOM Objetivos: Entender el DOM y herencia de los nodes Trabajar con varios node types Javascript & DOM Javascript & DOM (codepen) - En páginas HTML, "document element" es siempre "<html> element" - Cada pieza está representada por un "node" de hasta 12 tipos diferentes. Node Type: someNode.nodeType Node.ELEMENT_NODE (1) Node.ATTRIBUTE_NODE (2) Node.TEXT_NODE (3) Node.CDATA_SECTION_NODE (4) Node.ENTITY_REFERENCE_NODE (5) Node.ENTITY_NODE (6) Node.PROCESSING_INSTRUCTION_NODE (7) Node.COMMENT_NODE (8) Node.DOCUMENT_NODE (9) Node.DOCUMENT_TYPE_NODE (10) Node.DOCUMENT_FRAGMENT_NODE (11) Node.NOTATION_NODE (12) if (someNode.nodeType == 1) { value = someNode.nodeName} // será el nombre del TAG if (someNode.nodeType == 1) {var tipoNode = someNode.attributes[0].nodeType} // tipoNode = 2 Node Relationships Todos los nodos en un documento tienen relaciones sobre otros nodos. Cada nodo ti...