Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > hideAll

Автор: fregs 8.2.2008, 02:06

суть задачи такова
нужно скрыть все дивы по определенному признаку

1) имею дивы(несколько) допустим class="bxOpen"
нужно всем им присвоить class="bxClose"
2) имею дивы id которых начинается на "wo_"

вот как бы мне все эти дивы обойти и скрыть?

Автор: Ghirik 8.2.2008, 02:17

Ну, примерно так берем за класс:

Код


function getElementByClassName() {
    var tags = document.getElementsByTagName("td");
    for (var i=0; i<tags.length; i++) {
        if (tags[i].className == "board_main") {
        ///// Делаем, чего хотим с элементом tags[i]
        }
    }
}

Автор: Ghirik 8.2.2008, 02:45

Вот так можно скрыть по кусочку от id:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en-us">
<title>Title block</title>
<script type="text/javascript">
<!--
function none() {
    var tags = document.getElementsByTagName("div");
    for (var i=0; i<tags.length; i++) {
        var reg=/wo_/;
        if (reg.test(tags[i].id)) {
        tags[i].style.display = 'none';
        }
    }
}
//-->
</script>
</head>
<body onclick="none()">
<div id="wo_1">qwe</div>
<div id="wo_15">qwe</div>
<div id="wo_155">qwe</div>
<div id="wu_66">asd</div>
<div id="wu_27">asd</div>
<div id="wu_33">asd</div>
</body>
</html>

щелкните по буквам...

Автор: Sardar 8.2.2008, 12:28

Если не торопишься, то глянь в http://jquery.com/.
$("div.bxOpen")...

Автор: supervladislav 10.5.2008, 17:07

СПАСИБО