getComputedStyles question

[elephant]

I'm not sure if I'm getting a bug, or if this is the intended way for
getComputedStyles to work, but if anyone can spot something I'm doing
wrong, or a work around, I'd appreciate it.

As an example, say I have this ->

<span style='text-decoration: underline'>
<span style='text-decoration: bold' id='thisId'>
<span style='text-decoration: underline;'>
test
</span>
</span>
</span>

When getComputedStyles is run on thisId, it returns textDecoration =
'none' even though it is encompassed by it's parent which has it.

When other things are used in the top span, it works as expected.
I've tried this with font-weight: bold, font-style: italic, and font-
variant: small-caps, but for some reason it's not picking up
underline.

I've seen a few things were getComputedStyles isn't supposed to pull
the value, but wouldn't have thought text-decoration would have been
one of them. Does anyone know whether this is an incorrect behavior?

[Thomas 'PointedEars' Lahn]

elephant wrote:

The goal of the function is to remove excess styles from child nodes,
that are already contained in their parent nodes, and not overwritten,
so for example

<span style='text-decoration: underline'>
<span style='font-weight: bold;'>
<span style='text-decoration: underline'>
Underlined and bold text
</span>
</span>
</span>

would convert to, with this portion of the function

<span style='text-decoration: underline'>
<span style='font-weight: bold;'>
<span style=''>
Underlined and bold text
</span>
</span>
</span>

But if your function worked that way, it would not be doing what it is
intended to do ("remove excess styles from child nodes"). Those two
snippets are *not* equivalent; there is no "excess style" here that deserves
to be removed. As I said, `text-decoration' is *not* an inherited CSS
property (not inherited from any ancestor element), and that applies to
several CSS properties (not to `font-weight' though).

But because it's reading it's parent node's computedStyle as text-
decoration: none; it's not getting rid of that style.

So it works as designed. No problem.

Please trim your quotes.
PointedEars
--
Prototype.js was written by people who don't know javascript for people
who don't know javascript. People who don't know javascript are not
the best source of advice on designing systems that use javascript.
-- Richard Cornford, cljs, <f8*******************@news.demon.co.uk>

[elephant]

PointedEars wrote:

Nonsense, the property (value) is just not inherited.

Heh, you're right, and I'm an idiot. I went with the assumption that
something like this would work

<span style='text-decoration: underline;'>
test
<span style='text-decoration: none;'>
test
</span>
test
</span>

when in fact it needs to be

<span style='text-decoration: underline;'>
test
</span>
<span style='text-decoration: none;'>
test
</span>
<span style='text-decoration: underline;'>
test
</span>

I figured that because it was underlining the value it was inherited,
which was a complete misunderstanding of how it worked, I'm sorry for
being a pain.

Please take heed of http://www.jibbering.com/faq/faq_notes/clj_posts.html

Done, sorry about that as well.

Thanks for your time.