Технологии

Решено

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

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

декабрь 19, 2009 г.

Сообщить о нарушении

Всего ответов: 2

Анна

82-й в Технологиях

4.5 2 отзыва

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://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>