JS скрипт выводящий значение тегов ALT всех картинок в определенном ДИВе в ДИВ рядом с картинкой

те если в картинке есть описание, то под ней создается ДИВ с текстом этого описания

Лучший ответ по мнению автора

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
<title>Пример</title>
<script language="JavaScript" type="text/javascript">
function insertAfter(parent, node, referenceNode)
{
  parent.insertBefore(node, referenceNode.nextSibling);
}

function addAlt(divname)
{
  var div = document.getElementById(divname);
  var imgs = div.getElementsByTagName('IMG');

  for(var i=0; i<imgs.length; i++)
     if (imgs[i].alt!="")
     {
        var newElem = document.createElement('DIV');
        newElem.innerHTML = imgs[i].alt;
        insertAfter(div, newElem, imgs[i]);

     }
}
</script>

</head>

<body>
<div id="Images">
<img src="q1.jpg" width="124" height="168" alt="описание1"
<p>Это строка<br Это строка</p>
<img src="q2.jpg" width="124" height="168" alt=""
<p>Это строка</p>
<p>Это строка</p>
<p><img src="q3.jpg" width="124" height="168" alt=""</p>
<div><img src="q4.jpg" width="124" height="168"</div>
<p><img src="q5.jpg" width="124" height="168" alt="описание2"</p>
</div>
<div>
<input type="button" value="Показать" onclick="addAlt('Images')"
</div>
</body>
</html>

21.01.10
Лучший ответ по мнению автора

Другие ответы

просто function imgsalt() { var alts = div.getElementsByTagName('IMG').alt; document.write(alts) }

<div><script>imgsalt();</script></div>
01.05.16

Александр

Сейчас на сайте
Читать ответы

Alexander

Сейчас на сайте
Читать ответы

Виталий

Читать ответы
Посмотреть всех экспертов из раздела Технологии > JavaScript,Ajax,HTML
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store