how can i do this?

iostream71 · Jul 16, 2002

say i have a bunch of divs of a particular class. i want to click a button and change an attribute of that class for all the div instances. how could i do that with javascript?

.myCoolDiv{
background-color:red;
}
.
.
.
<div class="myCoolDiv">blah</div>
<div class="myCoolDiv">more blah</div>
< button to change div background color to "blue">

starway · Jul 17, 2002

It is possible, but you have to do the following:

1. add unique ID to all divs:
<div class="myCoolDiv" id="div1"> - first one
...
<div class="myCoolDiv" id="div15"> - last one

2. add this function to the <head>:

<script>
function changeColor() {

for (n=1; n<16; n++)
eval("document.getElementById('div" + n + "').style.backgroundColor = 'blue'&quot

;
}
</script>

That's it.

iostream71 · Jul 17, 2002

i found another way that might be the easiest. it involves using alternate style sheets

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

how can i do this?

iostream71

Programmer

starway

Programmer

iostream71

Programmer

Similar threads

Part and Inventory Search

Sponsor