Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #28912

Re: Change all background-color attribute values

Show all headers | View raw

Janis Papanagnou wrote:
> On 22.11.2015 17:02, Martin Honnen wrote:
>> Janis Papanagnou wrote:
>>
>>>     <style type="text/css">
>>>     .U { background-color: #fafafa }
>>>     .V { background-color: #f7f7f7 }
>>>     ...
>>>     </style>
>>>     ...
>>>       <td class="U" ...>
>>>       <td class="V" ...>
>>>
>>> and want to add GUI controls and javascript code to dynamically change the
>>> predefined definition of all 'background-color' values, depending on its
>>> respective previous value.
>>
>> document.getElementsByClassName('U') would give you all elements having that
>> class 'U'.
>>
>> The stylesheets belonging to a document can be found with document.styleSheets
>> collection so that `style` element will be in there.
>
> Ah, okay. So I understand that in this case I will have to do that for each
> of the respective classes (more than a dozen) - i.e. there's no formal
> shortcut -, and then also iterate over every element of the respective class
> (about 10 elements per class) to change its respective value. I'll try this
> as well. Thanks.


No, the CSS rules are accessible to script, see 
http://jsfiddle.net/95rs478f/ which searches for a stylesheet in 
document.styleSheets with a rule with a certain CSS selectorText and 
then manipulate a CSS property in that rule. So you don't have to change 
the property on each element having a certain class.

The only drawback is that old IE versions have a slightly different API 
to access stylesheets, I am not sure since the W3C approach I used works 
in IE, for IE 11 and Edge the sample works the same as in Firefox and 
Chrome. I think the approach works since IE 9 or IE 8, not sure.

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

Change all background-color attribute values Janis Papanagnou <janis_papanagnou@hotmail.com> - 2015-11-22 15:24 +0100
  Re: Change all background-color attribute values Martin Honnen <mahotrash@yahoo.de> - 2015-11-22 16:19 +0100
    Re: Change all background-color attribute values Janis Papanagnou <janis_papanagnou@hotmail.com> - 2015-11-22 16:38 +0100
      Re: Change all background-color attribute values Martin Honnen <mahotrash@yahoo.de> - 2015-11-22 17:02 +0100
        Re: Change all background-color attribute values Janis Papanagnou <janis_papanagnou@hotmail.com> - 2015-11-22 18:18 +0100
          Re: Change all background-color attribute values Martin Honnen <mahotrash@yahoo.de> - 2015-11-22 19:27 +0100
          Re: Change all background-color attribute values Scott Sauyet <scott.sauyet@gmail.com> - 2015-11-22 11:33 -0800
            Re: Change all background-color attribute values Janis Papanagnou <janis_papanagnou@hotmail.com> - 2015-11-23 16:01 +0100
  Re: Change all background-color attribute values JJ <jj4public@vfemail.net> - 2015-11-22 22:32 +0700
    Re: Change all background-color attribute values JJ <jj4public@vfemail.net> - 2015-11-22 22:47 +0700
      Re: Change all background-color attribute values Janis Papanagnou <janis_papanagnou@hotmail.com> - 2015-11-22 16:54 +0100
    Re: Change all background-color attribute values Janis Papanagnou <janis_papanagnou@hotmail.com> - 2015-11-22 16:49 +0100
  Re: Change all background-color attribute values Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2015-11-23 01:11 +0000
    Re: Change all background-color attribute values Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2015-11-23 11:27 +0000

csiph-web