I'm trying to write a script to help out a colourblind friend of mine.

He's on a page laid out like this:

```
<div class="message-pane-wrapper candy-has-subject">
    <ul class="message-pane">
        <li><div style="color:#700400"></div></li>
        <!-- many more li items -->
    </ul>
</div>

```

What I'm trying to do is use JavaScript to change all of the style tags so the color is the same.

I've tried looping through like this:

```
var div = document.getElementById('message-pane-wrapper candy-has-subject');
var divs = div.getElementsByTagName('div');
for (var i = 0; i < divs.length; i += 1) {
   divs[i].style = 'color:#00000';
}

```

But I don't think it's right...