Используйте URL-адрес API диаграммы Google для динамической установки источника img - PullRequest
Новая
       66

Используйте URL-адрес API диаграммы Google для динамической установки источника img

1 голос
/ 27 мая 2020

Как я могу изменить атрибут sr c тега img с помощью URL-адреса API диаграммы Google?

Сначала это есть в теле html.

<img class="image2" />

Затем я хочу изменить sr c с помощью URL-адреса диаграммы.

До сих пор я пробовал с JQuery

$("#image2").attr('src', 'https://chart.googleapis.com/chart?cht=p3&chs=250x100&chd=t:60,40&chl=Hello|World');

Javascript

    var image = document.getElementsByClassName("image2");
    image.src = "https://chart.googleapis.com/chart?cht=p3&chs=250x100&chd=t:60,40&chl=Hello|World"

Однако изображение не отображается.

Возможно ли это сделать? Спасибо!

1 Ответ

1 голос
/ 28 мая 2020

при использовании jquery для выбора по имени класса,
используйте точку вместо знака фунта. 

<img class="image2" />

$(".image2")

знак фунта для селектора идентификаторов 

<img id="image2" />

$("#image2")

см. Следующий рабочий фрагмент ... 

$(".image2").attr('src', 'https://chart.googleapis.com/chart?cht=p3&chs=250x100&chd=t:60,40&chl=Hello|World');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img class="image2" />
...