Javascript: Obtenir des informations sur un document de style css

Download

 
 
   

document.onclick=EditElement;

function getStyle(obj,jsprop,cssprop) {
   if (obj.currentStyle) {
       return obj.currentStyle[jsprop];
   } else if (window.getComputedStyle) {
      return document.defaultView.getComputedStyle(obj,null).getPropertyValue(cssprop);
   } else {
     return null;
   }
}

function EditElement(  ) {
    var obj = document.getElementById("myDiv");
    alert(obj.style.backgroundColor);
    alert(getStyle(obj,"backgroundColor","background-color"));
    obj.style.backgroundColor="#ff0000";
    alert(getStyle(obj,"backgroundColor","background-color"));
    alert(obj.style.backgroundColor);
}


     
     


 Cliquez sur le document pour obtenir les propriétés de la balise 

  Exemple de Modification de balise div en javascript.

A voir sur le mêm Sujet

Javascript: Modifier le style d’un élément div

{filelink=855} function changeElement( ) { // Accéder à l’élément div du document var div = document.getElementById(“myDiv”); // Modifier les propriétés div.style.backgroundColor=”#f00″; div.style.width=”500px”; div.style.color=”#ffffff”; div.style.height=”250px”; div.style.paddingLeft=”50px”; …
Javascript: Modification dynamique des polices

{filelink=857} function makeMore( ) { var div = document.getElementById(“myDiv”); div.style.fontSize=”larger”; div.style.letterSpacing=”10px”; div.style.textAlign=”justify”; div.style.textTransform=”uppercase”; div.style.fontSize=”xx-large”; div.style.fontWeight=”900″; div.style.lineHeight=”40px”; } function makeLess( ) { var div = document.getElementById(“myDiv”); …
Javascript: Utilisation d’un champs d’aide caché

{filelink=860} .help { position: absolute; left: 300px; top: 20px; visibility: hidden; width: 100px; padding: 10px; border: 1px solid #f00; } form { margin: 20px; background-color: …
Javascript: Evaluer une expression avec URL pseudoprotocol

{filelink=2} //Afficher le modulo javascript:md= 5%2; document.write(“” + md); // Comparaison javascript:x = 3; (x > 5)? document.write(“” + “x est plus petit”): document.write(“” + …
Javascript: Exemple d’affichage des dates

{filelink=32} // Definition d’une fonction function afficher_date_heure( ) { var d = new Date( ); // Obtenir la date e l’heure actuelle document.write(d.toLocaleString( )); // …
Javascript: Mise en forme des textes avec des fonctions de la classe String

{filelink=34} var texte = new String(“Apprendre javascript”); document.writeln(texte.big( )); document.writeln(texte.blink( )); document.writeln(texte.sup( )); document.writeln(texte.strike( )); document.writeln(texte.bold( )); document.writeln(texte.italics( )); document.writeln(texte.small( )); document.writeln(texte.link(‘http://www.mesexemples.com’));
Javascript: Exemple des opérateurs sur les chaînes de caractères

{filelink=7} var str=1 + 2; // Addition. =3. document.write(“”+ str); str= “1” + “2” // Concaténation. =”12″. document.write(“”+ str); str= “1” + 2 // Concaténation; …
Javascript: Intégrer google Maps dans votre page

{filelink=862} function load( ) { if (GBrowserIsCompatible( )) { var map = new GMap2(document.getElementById(“map”)); map.addControl(new GSmallMapControl( )); map.addControl(new GMapTypeControl( )); map.setCenter(new GLatLng(38.624464, -90.18496), 15); GEvent.addListener(map, …
Javascript-DOM: Inverser l’ordre des nœuds

{filelink=79} // Rever se the order of the children of Node n function reverse(n) { // Créer une copie du document temporairement var f = …
Javascript-DOM: Lire et modifier les propriétés d’une image

{filelink=73} function updateImage( ) { var img = document.images[0]; // Obtenir les attributs de l’image var imgAttr = img.align + ” ” + img.alt + …
Javascript: Méthodes de création, modification, et affichage des dates

{filelink=50} // Créer un date var today = new Date( ); // Modification des dates today.setDate(31); // Modifier le jour today.setMonth(03); // Modifier le mois …
Javascript: Remplacer des caractères dans une chaîne

{filelink=31} var str = new String(“Apprendre JavaScript”); // Remplacer javascript par java document.writeln(str.replace(/JavaScript/,”Java”));
Javascript: Création et modification des dates

{filelink=4} // Créer un objet Date qui contient la date et heure var now = new Date( ); /* Créer un objet d’une date spécifique. …
Javascript: Les différentes manières de créer une date

{filelink=49} // Créer une date sans paramètre var dt1 = new Date( ); document.writeln(“”+dt1); // Créer une date à partir d’un String var dt2 = …
Le Style recommendé dans la Présentation d’un programme java

{filelink=4322} Pour faciliter la ré-utilisation de vos sources et permettre aux autres développeurs de comprendre vos codes, Java conseille un style de codage dont l’exemple …

Cet article Javascript: Obtenir des informations sur un document de style css est apparu en premier sur .