Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Ассоциативный массив в новом теге (https://javascript.ru/forum/misc/71544-associativnyjj-massiv-v-novom-tege.html)

Cheshirka 27.11.2017 20:52

Ассоциативный массив в новом теге
 
Добрый вечер. Хочу создать новый тег и вставить туда элемент из ассоциативного массива. Выдает ошибку Unexpected identifier. Подскажите пожалуйста в чем мб проблема?
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="1.js" defer></script>
</head>
<body>
	<button id="add"> Добавить</button>
</body>
</html>


var goods = {
	"28292" : {
		"name" : "Бегущий по лезвию",
		"author" : "Филип Киндред Дик",
		"year" : "1982",
		"img" : "https://cdn2.iconfinder.com/data/icons/jetflat-fruits/90/002_014_banana_banan_plant_herb_fruit_food-128.png"
		
	}
window.onload = function(){
    document.getElementById('add').onclick = function () {
		var div = document.createElement('div');
		div.setAttribute("id", "id_you_like");
        out();
	}
}

function out(){
	var out = '';
    for (var key in goods) {
	out+='Название: '+goods[key].name + '<br>';
	out+='Автор: '+goods[key].author + '<br>';
	out+='Год: '+goods[key].year + '<br>';
	// <img src="">
	out+='<img src="'+goods[key].img+'">';
	}
	document.getElementById('id_you_like').innerHTML = out;
}

рони 27.11.2017 21:49

Cheshirka,
создать элемент мало, его нужно куда-то вставить! строка 12+

Cheshirka 28.11.2017 20:06

добавила 14 строчку document.body.appendChild(div); , но все равно не работает(

рони 28.11.2017 21:49

Цитата:

Сообщение от Cheshirka
но все равно не работает(

где строка 7 в var goods?

рони 28.11.2017 21:50

Цитата:

Сообщение от Cheshirka
добавила 14 строчку document.body.appendChild(div);

Цитата:

Сообщение от рони
его нужно куда-то вставить! строка 12+

:-?


Часовой пояс GMT +3, время: 15:44.