Здравствуйте, помогите пожалуйста разобраться с
getElementsByClassName.
Пол дня уже читаю мануалы и в конец запутался, как сделать рефреш перед началом функции?
Пробывал добавить в функцию location.reload(), но работает не так, как надо.
<html>
<head>
<style>
p {margin:0px;}
</style>
<script type="text/javascript">
function find_c1() {
var f1 = document.getElementById('layer').getElementsByClassName('c1')
for (var i=0; i<f1.length; i++)
f1[i].style.visibility = "hidden";
}
function find_c2() {
var f2 = document.getElementById('layer').getElementsByClassName('c2')
for (var i=0; i<f2.length; i++)
f2[i].style.visibility = "hidden";
}
function find_c3() {
var f3 = document.getElementById('layer').getElementsByClassName('c3')
for (var i=0; i<f3.length; i++)
f3[i].style.visibility = "hidden";
}
function find_c4() {
var f4 = document.getElementById('layer').getElementsByClassName('c4')
for (var i=0; i<f4.length; i++)
f4[i].style.visibility = "hidden";
}
</script>
</head>
<body>
<input id="but1" type="button" value="Убрать 1" onclick="find_c1()" />
<input id="but2" type="button" value="Убрать 2" onclick="find_c2()" />
<input id="but3" type="button" value="Убрать 3" onclick="find_c3()" />
<input id="but4" type="button" value="Убрать 4" onclick="find_c4()" />
<div id="layer" style="padding-top: 20px; padding-left: 40px;">
<p class="c1">100</p>
<p class="c2">110</p>
<p class="c3">120</p>
<p class="c4">130</p>
<p class="c1">140</p>
<p class="c2">150</p>
<p class="c3">160</p>
<p class="c4">170</p>
</div>
</body>
</html>