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

Groups > comp.lang.javascript > #28915

Re: Change all background-color attribute values

Show all headers | View raw

Janis Papanagnou wrote:

> I want to iterate over the DOM to change all background-color attribute
> values,

There is no ”background-color” attribute.

> (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?

Yes.

> Or maybe even simpler, without addressing the objects but just change all
> existing background-color attributes?

No.  But you can change all declared ”background-color” values.
 
> Thanks for any hints.

  [].slice.call(nodeList).forEach(function (node) {
    var bgColor = document.defaultView.getComputedStyle(
      node, null).getPropertyValue("background-color");
    if (bgColor) node.style.backgroundColor = some_funct(bgColor);
  });

or

  [].slice.call(document.styleSheets).forEach(function (styleSheet) {
    [].slice.call(styleSheet.cssRules || styleSheet.rules, function (rule) {
      var bgColor = rule.style["background-color"];
      if (bgColor) rule.style["background-color"] = some_funct(bgColor);
    });
  });

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not cc me. / Bitte keine Kopien per E-Mail.

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