Доброго времени суток.
Имеется 4 блока div c разными id и разными class.
Задача:поменять у одного из блоков div один класс на другой.
Логику как это сделать я вроде понял,но вот как это выразить в коде непонимаю.
Гугление особых результатов не принесло,поэтому если можно поясните мне на примере,приведенном ниже, как в коде обратиться к определенному div по его классу(как записать,что хочу к div class=olo1 добавить class=olo4,а следом удалить из него class=olo1)(место выделено как комментарий).
<!DOCTYPE html>
<html>
<head>
<title>Заголовок страницы</title>
<meta charset="utf-8">
<style>
#did1
#did2
#did3
#did4
#olo{color:white;}
.olo1 {background:red; width: 100px; height: 100px;}
.olo2 {background:green; width: 100px; height: 100px;}
.olo3 {background:blue; width: 100px; height: 100px;}
.olo4 {background:pink; width: 100px; height: 100px;}
</style>
<script>
window.onload = function ()
{
document.getElementById('did1').//className(' olo1 ') = ' olo4 '
document.getElementById('did1').//className(' olo1 ').replace = ' olo1 '
}
</script>
</head>
<body>
<center>
<div id=did1 class=' olo1 '>one</div>
<div id=did2 class=' olo2 '>two</div>
<div id=did3 class=' olo3 '>three</div>
<div id=did4 class=' olo4 '>four</div>
</center>
</body>
</html>