показ динамически сгенерированного изображения внутри информационного окна в модальном режиме с именем getelementsbyclassname - PullRequest
Новая
       24

показ динамически сгенерированного изображения внутри информационного окна в модальном режиме с именем getelementsbyclassname

0 голосов
/ 07 июня 2019

Я пытаюсь получить доступ к <img>, используя getelementsbyclass, сгенерированный в моих картах Google, внутри информационного окна. но возвращается 0

Я последовал этому примеру здесь: https://developers.google.com/maps/documentation/javascript/mysql-to-maps

все работает нормально. затем я создал img и добавил в информационное окно. 

//generate Photos DIV
var infowincontentPhotos = document.createElement('div');
i=1;
while ( i <= 4) {
var photos = document.createElement('img');
photos.setAttribute('height','150');
photos.setAttribute('width','200');
photos.setAttribute('src','image/image' + i + '.jpeg');
photos.setAttribute('class','card-img');
infowincontentPhotos.appendChild(photos);
i++; }

infowincontent.appendChild(infowincontentPhotos);

DOM tree

после этого я попытался получить все изображения и поместить их в модальный div, но я не могу получить доступ с помощью getelementsbyclass: 

<script>
var images = document.getElementsByClassName('card-img');
#or var images = document.getElementById('map').getElementsByClassName('card-img');

#debug
console.log('number of photos', images.length);
</script>

количество фотографий 0

...