obtenir zindex javascript chrome

Question

quelqu'un peut-il me dire comment puis-je trouver zindex d'un div dans Google Chrome?

document.getElementById(id).style.zIndex; //does not work 

Answer 1

Utilisez jQuery.

$('#id').css('zIndex') 

Answer 2

C'est une notation cross-browser standard qui fonctionne dans ma version de Chrome. Je voudrais vérifier pour vous assurer que chaque partie de votre retourne JavaScript ce que vous attendez avant de continuer:

alert(document.getElementById(id)); // should return an [object HTMLElement] 
alert(document.getElementById(id).style); // should return an [object CSSStyleDeclaration] 
alert(document.getElementById(id).style.zIndex); // should return blank (default) or a number 

aussi, comment savez-vous qu'il est mis en? Il peut être hérité ou auto ... (ce qui signifie qu'il n'est pas explicitement déclaré pour cet élément).

De même, assurez-vous de l'exécuter après la disponibilité de l'élément dans le DOM.

Answer 3

Puisque l'index z est mentionné dans la partie CSS, vous ne pourrez pas l'obtenir directement via le code que vous avez mentionné. Vous pouvez utiliser l'exemple suivant. Passez votre ID d'élément et votre attribut de style pour accéder à la fonction.

Par exemple:

var zInd = getStyle ("normaldiv1" , "zIndex"); 
alert (zInd); 

Pour Firefox, vous devez passer z-index au lieu de zIndex

var zInd = getStyle ("normaldiv1" , "z-index"); 
alert (zInd);