Forum Discussion

guoguo's avatar
guoguo
Contributor
10 years ago

How to get the color of a textnode

Hi all,   I have a question about the colort of a textnode. Please look at the following two textnodes. I am trying to achieve their color by using the following code:   var pin7= Aliases.home.pa...
  • Colin_McCrae's avatar
    Colin_McCrae
    10 years ago

    Not that simple usually I'm afraid.

     

    The colours are likey part of a stylesheet? (CSS layer)

     

    It's this you need to interpret in order to get the colours in use. And you'll sometimes find that different browsers report CSS differently. (I forget exactly how. But I have a feeling it may be transparencies or something? I certainly remember hitting a few differences between IE and Chrome.)

     

    And you may also find you run into transparencies in order to allow the colour from a object layered below it to show through.

     

    And sometimes that may be conditional. (ie - sometimes it will be transparent, sometimes not, depending on the logic in the code)

     

    And you may also have an opacity setting to factor in. (How see-through, or not, something is.)

     

    Here is the code I need to use (VBScript) to get the colour info back from the last web application I was working on:

     

    object_backgroundcolour =  <OBJECT>.ownerDocument.defaultView.getComputedStyle(<OBJECT>, "").backgroundColor
Colin_McCrae's avatar
Colin_McCrae
Community Hero

Not that simple usually I'm afraid.

 

The colours are likey part of a stylesheet? (CSS layer)

 

It's this you need to interpret in order to get the colours in use. And you'll sometimes find that different browsers report CSS differently. (I forget exactly how. But I have a feeling it may be transparencies or something? I certainly remember hitting a few differences between IE and Chrome.)

 

And you may also find you run into transparencies in order to allow the colour from a object layered below it to show through.

 

And sometimes that may be conditional. (ie - sometimes it will be transparent, sometimes not, depending on the logic in the code)

 

And you may also have an opacity setting to factor in. (How see-through, or not, something is.)

 

Here is the code I need to use (VBScript) to get the colour info back from the last web application I was working on:

 

object_backgroundcolour =  <OBJECT>.ownerDocument.defaultView.getComputedStyle(<OBJECT>, "").backgroundColor
guoguo's avatar
guoguo
Contributor
10 years ago

Hi,

 

Thank you very much! With your help, I get the background color of the textnode. I found the example function for achieving the css attribute from smartbear webseite. And it works very well.

 

function getStyle(element, styleProp)
{
  var document = element.ownerDocument;
  if (aqObject.IsSupported(document, "defaultView"))
  {
    // Internet Explorer 9+, Firefox, Chrome, Opera
    var style = document.defaultView.getComputedStyle(element, "");
    return style[styleProp];
  }
  else
  {
    // Internet Explorer 7 - 8
    return element.currentStyle[styleProp];
  }
}

 

.....

var backgroundColor = getStyle(myTextNode, "background-color");

 

 

Best Regards,