Форум

Yan_by · #1 (**permalink**) 13.01.2012, 19:13

Условие:
- реализовать проход по всем элементам-потомкам элемента, у которого значение
ID равно ‘body’;
- обнаружить все элементы, у которых значение аргумента class равно 'hilite' и вывести их в окне сообщения;
- скрыть все элементы, соответствующие этому условию.

Есть функция, но ничего не работает:

function A()
        {
                var all = document.getElementById("body").getElementsByTagName("*");
                
                for ( var i = 0; i < all.length; i++ ) 
                {
                
                        if ( all[i].className == 'hilite' ) 
                        all[i].style.display = 'none'; 
                }
        }

Скорей всего, я просто не знаю как применить код, прошу помочь!

devote · #2 (**permalink**) 13.01.2012, 19:17

Сообщение от Yan_by

Скорей всего, я просто не знаю как применить код

просто вызвать функцию A();

Yan_by · #3 (**permalink**) 13.01.2012, 19:22

Создал кнопку:

<button onclick="A()">AAAA</button>

Ничего не происходит!

devote · #4 (**permalink**) 13.01.2012, 19:26

if ( /(?:^| +)hilite(?: +|$)/i.test( all[ i ].className ) ) {
    all[ i ].style.display = 'none';
}

Aetae · #5 (**permalink**) 13.01.2012, 19:37

devote,

Цитата:

значение аргумента class равно 'hilite'

devote · #6 (**permalink**) 13.01.2012, 19:38

Сообщение от Aetae

devote,

та, хуже не будет

Yan_by · #7 (**permalink**) 13.01.2012, 19:43

Вот полный код страницы:

<html>
<head>
<title>confirm</title>

<script language="javascript">
	
function A()
	{
		var all = document.getElementById("body").getElementsByTagName("*");
		for ( var i = 0; i < all.length; i++ ) 
		{
			if ( /(?:^| +)hilite(?: +|$)/i.test( all[ i ].className ) ) 
			{
				all[i].style.display = 'none';
			}
		}
		alert(all);
	}
	</script>
</head>

<body>

<button onclick="A()">AAAA</button>

<div id="body"> Этот элемент body.</div>
  
<div class="hilite"> Этот элемент hilite.</div>
  
<p class="hilite">Для исключения </p>
	
<button onclick="A()">A</button>
	
</body>
</html>

При нажатии на кнопку выводится следующее сообщение.

Но ничего не работает, классы какими были такими и остались. В чем моя ошибка??

devote · #8 (**permalink**) 13.01.2012, 19:52

ошибка твоя в том что в элементе <div id="body"> у тебя кроме текста больше ничего нет... А ты пытаешься в нем искать другие теги.

Yan_by · #9 (**permalink**) 13.01.2012, 20:02

Благодарю, devote!

Форум

Справочник

Discord чат

Курсы javascript