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

Groups > comp.lang.javascript > #28909

Re: Change all background-color attribute values

Show all headers | View raw

On 22.11.2015 16:47, JJ wrote:
> On Sun, 22 Nov 2015 22:32:29 +0700, JJ wrote:
> 
>> On Sun, 22 Nov 2015 15:24:53 +0100, Janis Papanagnou wrote:
>>> I want to iterate over the DOM to change all background-color attribute
>>> values, (informally written) something like
>>>
>>>   for (obj in DOM)
>>>     if (obj.hasAttribute(background-color))
>>>       obj.background-color = some_funct(obj.background-color)
>>>
>>> Is there a way to achieve that in such a simple form? Or maybe even simpler,
>>> without addressing the objects but just change all existing background-color
>>> attributes?
>>>
>>> [...]
>>
>> [...]
> 
> Also, if the CSS rule was applied inline on the element itself, with the
> "!important" keyword, e.g.
> 
>   <div style="background-color:yellow!important">abc</div>
> 
> .. any CSS override in a STYLE element will not be applied in this case. So
> you'll need to directly change the STYLE attribute value for that element by
> changing the element.style.backgroundColor property.
> 
> This will require searching all element for any STYLE attribute which
> contains the background-color or background CSS attribute. You can start by
> using document.querySelectorAll() function to gather elements with a
> specific attribute name and value. e.g.
> 
>   var eles = document.querySelectorAll('[style*="background"]');
>   for (var i = 0; i < eles.length-1; i++) {
>     eles[i].style.backgroundColor = "orange!important";
>   }
> 
> The above [style*="background"] CSS selector means all elements with a STYLE
> attribute whose value contains "background" in it (see MDN for more info).
> It's not an accurate selector, but it's better than checking all elements
> manually.

Thanks also for this suggestion; it looks promising. I'll try it... :-)

Janis

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