Forum PHP.pl > [JS] odczytranie koloru tekstu danego elementu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] odczytranie koloru tekstu danego elementu

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

kufalo

20.10.2007, 15:41:24

Witam,
czy istnieje jakis sposob na odczytanie koloru liter danego elementu DIV
niezaleznie od tego czy byl on ustawiony przy pomocy arkusza styli (<style>...</style>) lub atrybutu (style="...")

wojtek.zielinski

21.10.2007, 11:46:10

[HTML] pobierz, plaintext 
<div id="test" style="color: #123456;">test test test</div>
 
 <script type="text/javascript">
 <!--
   var testDiv = document.getElementById('test');
   alert(testDiv.style.color);
  -->
 </script>
[HTML] pobierz, plaintext

slammer

23.10.2007, 01:29:24

Jeśli chodzi o odczytanie koloru niezależnie od metody definiowania stylu, to polecam style obliczane...

dla IE

Kod

<html>
     <head>
         <style type="text/css">
             div.special {
                 background-color: red;
                 height: 10px;
                 width: 10px;
                 margin: 10px;
             }
         </style>
         <script type="text/javascript">
             function getBackgroundColor() {
                 var oDiv = document.getElementById("div1");
                 alert(oDiv.currentStyle.backgroundColor);
             }
         </script>

     </head>
     <body>
         <div id="div1" class="special"></div>
         <input type="button" value="Sprawdź kolor tła" onclick="getBackgroundColor()" />
     </body>
</html>

dla FF

Kod

<html>
     <head>
         <style type="text/css">
             div.special {
                 background-color: red;
                 height: 10px;
                 width: 10px;
                 margin: 10px;
             }
         </style>
         <script type="text/javascript">
             function getBackgroundColor() {
                 var oDiv = document.getElementById("div1");
                 alert(document.defaultView.getComputedStyle(oDiv, null).backgroundColor);
             }
         </script>

     </head>
     <body>
         <div id="div1" class="special"></div>
         <input type="button" value="Sprawdź kolor tła" onclick="getBackgroundColor()" />
     </body>
</html>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.