생활코딩 - JavaScript 수업 - dom example2.html

http://test.opentutorials.org/module/3/24

by egoing

HTML

<div>
    red
</div>
<div>
    blue
</div>
<div>
    green
</div>
<input type="button" value="color" onclick="colorize()" />
<script type="text/javascript">
    function colorize() {
        var divs = document.getElementsByTagName('div');
        for(var i = 0; i < divs.length; i++) {
            divs[i].setAttribute('class', divs[i].innerHTML)
        }
    }
</script>

CSS

.red {
    background-color: red;
}
.blue {
    background-color: blue;
}
.green {
    background-color: green;
}