Форум

javascript_pupil · #1 (**permalink**) 05.04.2018, 07:56

Не получается разобраться с дочерними элементами тега "figure".

Есть вот такой HTML код:

<figure id="img1" onload="myFunction(this.id)"><img src="image.jpg"><figcaption>Описание фото</figcaption></figure>

Как достать из "figure" два значения "src" и "figcaption"? Хотя бы в "alert", дальше разберусь.

Заранее спасибо за помощь!

sortarray · #2 (**permalink**) 05.04.2018, 09:29

<html>
<head>
<meta charset = "utf-8">
</head>
<body>

<figure id = "img1" onload = "myFunction(this.id)">
<img src="image.jpg">
<figcaption>
описание фото
</figcaption>
</figure>

<script>
var figure = document.getElementById("img1")
alert([
 figure.querySelector("img").getAttribute("src"),
 figure.querySelector("figcaption").innerHTML
])
</script>

</body>
</html>

javascript_pupil · #3 (**permalink**) 05.04.2018, 15:32

Спасибо! Вы мне очень помогли!

Форум

Справочник

Discord чат

Курсы javascript