Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Динамический img (https://javascript.ru/forum/misc/59206-dinamicheskijj-img.html)

Zhart 31.10.2015 22:48

Динамический img
 
Здравствуйте.
Не работает код.
Не судите строго, пока только учусь.
Буду благодарен за помощь

function doTemplate (url, name, id, description, date) {
	var group = document.createElement('div');
	group.className = "col-sm-3 col-xs-6";
	var container = document.querySelectorAll('.row');
	container.appendChild(group);

	var img = document.createElement('img');
	img.className = "img-thumbnail";
	img.src = url;
	img.alt = name;
	var imgContainer = document.querySelectorAll('.col-sm-3 col-xs-6');
	imgContainer.appendChild(img);

	var subGroup = document.createElement('div');
	subGroup.className = "info-wrapper";
	var subContainer = document.querySelectorAll('.col-sm-3 col-xs-6');
	subContainer.appendChild(subGroup);

	var innerGroupName = document.createElement('div');
	innerGroupName.className = "text-muted";
	innerGroupName.innerHTML = id + " : " + name;
	var innerNameContainer = document.querySelectorAll('.info-wrapper');
	innerNameContainer.appendChild(innerGroupName);

	var innerGroupDescription = document.createElement('div');
	innerGroupDescription.className = "text-muted";
	innerGroupDescription.innerHTML = description;
	var innerDescriptionContainer = document.querySelectorAll('.info-wrapper');
	innerDescriptionContainer.appendChild(innerGroupDescription);

	var innerGroupDate = document.createElement('div');
	innerGroupDate.className = "text-muted";
	innerGroupDate.innerHTML = date;
	var innerDateContainer = document.querySelectorAll('.info-wrapper');
	innerDateContainer.appendChild(innerGroupDate);
}

resultHTML += doTemplate (url, capitalizedFirstLetter(), id, doShortDescription(), doFormattedDate());


С входными данными всё нормально, проверял.
Отладчик выдает ошибку " TypeError: undefined is not a function (evaluating 'container.appendChild(group)') "

Буду благодарен за помощь!

ruslan_mart 31.10.2015 23:16

Цитата:

Сообщение от Zhart
document.querySelectorAll('.row');


Это вернёт массив элементов, а не один элемент.

Возможно Вы имели ввиду:

document.querySelector('.row');

Zhart 01.11.2015 00:05

К сожалению, это не помогло
Но спасибо!

ruslan_mart 01.11.2015 09:04

Zhart, 11, 16, 22, 28, 34 строки тоже самое.


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