Javascript Girl
  1. Javascript Girl
  3. Modification de la propriété CSS "z-index": "côté gauche invalide dans l'affectation"
Intereting Posts
Pince pour zoomer à l'aide de Hammer.js AngularJS: Comment résoudre "Tenter d'utiliser une valeur dangereuse dans un contexte sécurisé"? Comment changer la mise au point du navigateur d'un onglet à l'autre Ajouter Supprimer le gestionnaire de colonnes sur jqGrid ColumnChooser PHP: afficher une page "chargement" pendant l'exécution d'un script php Bloquer la rotation des périphériques sur les pages Web mobiles Comment puis-je accéder au texte réel qui s'affiche dans un DIV lors de l'utilisation d'un débordement de style CSS: caché? Comment charger un fichier CSS externe de manière dynamique? Comment passer "this" à la fenêtre setInterval Datepicker limite l'année en cours La directive AngularJS passe les paramètres via la fonction templateUrl Date de Javascript: Assurez-vous que getMinutes (), getHours (), getSeconds () met 0 devant si nécessaire Représentant 2d espace de taille indéterminée avec des tableaux JS – index négatifs? SetTimeout () dans la classe JavaScript en utilisant "this" Le clic de bouton ne fonctionne pas dans la grille angulaire Celltemplate

Modification de la propriété CSS "z-index": "côté gauche invalide dans l'affectation"

J'ai un élément avec le gestionnaire d'événement onmouseover qui appelle une fonction que j'ai créée qui supposerait changer la propriété css d'un autre élément et j'ai donné à cet élément l'ID "output". Lorsque je place ma souris sur l'élément avec le gestionnaire onmouseover, j'ai une erreur: Uncaught ReferenceError: Invalid main gauche dans l'affectation. Je pense qu'il y a quelque chose qui ne va pas avec ma fonction. Ne suis-je pas capable de modifier l'index z d'un élément par js? 

<!--My Css-> <style> #output{ height:500px; width:500px; border: 1px solid black; z-index:1; } </style> <!--My Script--> <script> function ChangeZofO () { document.getElementById("output").style.z-index="-1"; } </script> <!--My Html--> <div id="MyDiv" onmouseover="ChangeZofO()"></div>

Les noms de style en Javascript utilisent camelCase, donc il devrait être: 

 document.getElementById("output").style.zIndex="-1";

- est l'opérateur de soustraction arithmétique, il ne peut pas être utilisé dans les identifiants.

Vous avez oublié une citation, et les traits d'union ne sont pas autorisés dans les noms de propriété, donc généralement camelcase est utilisé à la place 

 <script> function ChangeZofO () { document.getElementById("output").style.zIndex = -1; } </script> <div id="MyDiv" onmouseover="ChangeZofO()"></div>