Почему не работает такое в js....

интернет программирование JavaScript

Есть такая конструкция
<span id="test">Тест:</span><span id="load" style="visibility:hidden"><img src="loader.gif"></span>
Просто для развлечения решил попробовать всякое в js. В общем суть такая, при нажатии кнопки, мы делаем действия какие-то, сейчас это просто задержка вида setTimeout, но не суть, то в момент этой задержки у нас активируется блок load, где идет картинка с процессом загрузки. После задержки, блок скрывается.
Вопрос такой, код:
<div id="test">Тест:<span id="load" style="visibility:hidden"><img src="loader.gif"></span></div>

и

<div id="test">Тест:</span><span id="load" style="visibility:hidden"><img src="loader.gif"></div>

В первом случае картинка не показывается, просто на ее месте блок размером с картинкой
Во втором коде - все нормально.

Почему блок, вставленный в блок не хочет работать?

Примечание:
Блин ,протупил. Я просто пробовал со span и с div
<div id="test">Тест:<span id="load" style="visibility:hidden"><img src="loader.gif"></span></div>
Вот так

Примечание:
Вернее в первом показывается, во втором - нет.
Я через js меняю параметр visibility, после нажатия кнопки оно меняется на visible, затем убирается...

Примечание:
Код тут смотреть.
Рекламы тут нет, сайт все равно не функционален и пустой

http://sdelfi.ru/files/ajax.php
Или тут смотреть исходный код

Никакого функционала код не несет... Просто стало интересно, осваиваю немного
Сейчас код выстроен, что блок загрузки находится внутри блока, и картинка не пашет..

Примечание:
Сделал.
А как быть с вложением блока в блок? Может вызывать надо как-то по другому? Скажем, сначала один блок, затем второй блок.
Ну грубо говоря document.getElementById('block1').getElementById('block2')?
Правда было бы геморно так...

Примечание:
Поправил.
Так проблема в другом -)
Ответы:
Во втором случае у тебя каша из тегов.
В первом случае visibility:hidden, поэтому не показывается, но картинка есть - поэтому место занимает. Если надо, чтобы место не занимала, вместо visibility:hidden пиши display:none
В "дополнении 1" снова написан "первый вариант", а что же имелось в виду во втором и что где не работает?
ну для начала
> Сделал.
Нет, не сделал, у тебя двоеточие вместо =
никак не пойму, зачем вам ещё и span нужен?
<div id="test">Тест: <img src="loader.gif" style="display: none" id="load" /></div>
Чем такой вариант не устроил?
<html><head>
<script type="text/javascript">


16 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.