Javascript Girl
  1. Javascript Girl
  3. En utilisant javascript, comment puis-je obtenir la couleur d'arrière-plan d'une cellule de table lorsque je clique dessus?
Intereting Posts
Angularjs – passer des données entre les contrôleurs Temporisateur global en Javascript avec rappel multiple Comment contrôler Sass Variable avec javascript AngularJS ng-model model piloté par ng-repeat sur les données de description du modèle UI comment? Accès à Leaflet.js Caractéristiques de GeoJson depuis l'extérieur JavaScript Profiler dans IE En utilisant Node.JS, comment lire un objet JSON dans la mémoire (du serveur)? En utilisant le bouton BACK pour revenir à l'état précédent de la page Comment puis-je inspecter l'objet fenêtre pour safari mobile? Obtenir une réponse de la dernière soumission de formulaire dans les applications Google JQuery: Pourquoi utiliser document.ready si JS externe au bas de la page? Fire ontextchanged () événement d'un asp: TextBox via javascript Uncaught SyntaxError: En code de mode strict, les fonctions ne peuvent être déclarées au niveau supérieur ou immédiatement dans une autre fonction Javascript: Remplacer les barres obliques inversées par double barre oblique inverse Comment afficher un flux de flux PDF généré par le serveur dans javascript envoyé via HttpMessageResponse Content

En utilisant javascript, comment puis-je obtenir la couleur d'arrière-plan d'une cellule de table lorsque je clique dessus?

Je souhaite avoir une alerte qui me montre l'arrière-plan d'une cellule de table chaque fois que je clique dessus. Je ne peux tout simplement pas trouver ou comprendre comment saisir la couleur de fond.

Ma cellule de table ressemble à ceci: 

<td id="s0" onclick="selectCell(event)">0</td>

Ma fonction selectCell ressemble à ceci: 

 function selectCell(e){ alert(e.target.backgroundColor); //this gives me 'undefined' alert(e.target.bgcolor); //this gives me 'undefined' alert(e.target.bgColor); //nothing shows up. i don't believe this is a valid property //once i know i am properly grabbing the color i will do stuff with it here. }

Mon CSS ressemble à ceci: 

 #s0 { border: 1px solid; background-color: yellow; }

Toute aide serait grandement appréciée !!

Les styles d'un nœud sont dans la propriété styles, par exemple: 

 e.target.style.backgroundColor;

Toutefois, cela ne fonctionne que pour les styles déclarés avec l'attribut de style ligne. Si CSS est assigné (comme il se doit) à l'aide d'une feuille de style, vous devrez utiliser: 

 window.getComputedStyle(e.target, null).backgroundColor;

Internet Explorer, malheureusement, ne met pas en œuvre l'option getComputedStyle() , proposant actuellement currentStyle (l'esprit, ils ne prennent pas en charge e.target , je pense, au moins dans les versions antérieures à 8?). Je n'ai pas Internet Explorer avec lequel tester, mais les documents suggèrent qu'il devrait être utilisé: 

 var e = window.event ? window.event : e, elementNode = e.target !== null ? e.target : e.srcElement; elementNode.currentStyle.backgroundColor;

Les références:

  • currentStyle .
  • Element.style .
  • window.getComputedStyle() .

Vous pouvez le faire facilement par la fonction Jquery css () 

 jQuery(document).ready(function(){ $(this).click(function () { var color = $(this).css("background-color"); alert(color); }); });

Pour plus de détails, regardez cet exemple