Задать вопрос
maly222
@maly222
Бот

Как дать отдельную гиперссылку к обекту?

<!DOCTYPE html>
<html>
<head>
	<title>Вывод обекта</title>
</head>
<body>
	<div id="out">
<script>
var trees={
"potaito":{
"name":"Иранский Помидор",
		"cost":3000,
		"img":"https://pics.botanichka.ru/wp-content/uploads/2016/01/kartofel-iz-semyan-01.jpg"
},
"apple":{
"name":"Россиское яблоко",
		"cost":6000,
		"img":"https://yaskravaklumba.com.ua/image/catalog/stativideo/ablona-2.jpg?1480925781495"
}
};
var out='';
for(var key in trees){
out+=trees[key].name;
out+='<a href="index.html"><img src="'+trees[key].img+'"></a>';
//Это гиперссылка работает на обеих обектах. На Яблоке и на Помидоре. Надо что бы яблоко имела ссылку на index.html а помидор ссылку на pomidor.html. Можно ли прямо в теле цикла добавить гипперссылку на необходимые страницы?
}
document.querySelector(".out").innerHTML=out;
</script>
</body>
  • Вопрос задан
  • 64 просмотра
Подписаться 1 Средний 6 комментариев
Решения вопроса 1
StarinaDims
@StarinaDims
FrontEnd Developer
<!DOCTYPE html>
<html>
<head>
  <title>Вывод обекта</title>
</head>
<body>
<div id="out">
  <script>
    var trees={
      "potaito":{
        "name":"Иранский Помидор",
        "cost":3000,
        "img":"https://pics.botanichka.ru/wp-content/uploads/2016/01/kartofel-iz-semyan-01.jpg",
        "link":"index.html" 
      },
      "apple":{
        "name":"Россиское яблоко",
        "cost":6000,
        "img":"https://yaskravaklumba.com.ua/image/catalog/stativideo/ablona-2.jpg?1480925781495",
        "link":"pomidor.html"
      }
    };
    var out='';
    for(var key in trees){
      out+=trees[key].name;
      out+='<a href="'+trees[key].link+'"><img src="'+trees[key].img+'"></a>';
//Это гиперссылка работает на обеих обектах. На Яблоке и на Помидоре. Надо что бы яблоко имела ссылку на index.html а помидор ссылку на pomidor.html. Можно ли прямо в теле цикла добавить гипперссылку на необходимые страницы?
    }
    document.querySelector(".out").innerHTML=out;
  </script>
</body>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы