Форум

Andrey Kovalchuk · #1 (**permalink**) 16.03.2015, 04:04

Добра всем.

Дано:

<html>
<body>
<content>
          <box> Картинка №1 </box>
          <img src="" alt="Картинка №2"> 
</content>
</body>
</html>

Задача: реализовать следующую зависимость объекта box от img: если аргумент src ="", то box.display:none;

Вопрос: Как реализовать такую зависимость?

Alexander Belov · #2 (**permalink**) 16.03.2015, 06:28

Присваеваем id элементам <box> и <img>, чтобы обратиться непосредственно к ним. Допустим, что src="x":

<html>
<body>
<content>
<box id="box"> Картинка №1 </box>
<img id="image" src="x" alt="Картинка №2">
</content>
</body>
</html>

if (document.getElementById('image').src == "x")
{
document.getElementById('box').style.display = "none";
}

http://jsbin.com/cisocunipu/1/edit?html,js,output

danik.js · #3 (**permalink**) 16.03.2015, 08:31

Картинка <img src=""> инициирует http-запрос к текущей странице, как минимум в Firefox. То есть так вообще нельзя делать.

рони · #4 (**permalink**) 16.03.2015, 10:40

danik.js,
и onerror тогда пролетает ?

danik.js · #5 (**permalink**) 16.03.2015, 13:55

рони, причем тут onerror? <img> не должен быть с пустым src.
Если очень хочется, то может быть src="data:" , не уверен. Вообще не понимаю зачем img с пустым src выводить на страницу?

vvkk · #6 (**permalink**) 17.03.2015, 18:07

!!document.images[0].src.length?document.getElementsByTagName("box")[0].style="display:none":document.getElementsByTagNam e("box")[0].style="display:block"

Форум

Справочник

Discord чат

Курсы javascript