创建innerHTML并检索其HTML

Question

我创建了Google图表base64图片<img src="data:image/png;base64, ivbO..."> ：

google.visualization.events.addListener(my_chart, 'ready', function () {
   chart_div.innerHTML = '<img src="' + my_chart.getImageURI() + '">';
});

但是，当我想检索此div的html和图像供以后使用时，如下所示：

document.addEventListener('DOMContentLoaded', function() {
   var html_data = document.getElementById('img_container');
   console.log(html_data.innerHTML);
}, false);

我只会得到没有图像的空div <img src="data:image/png;base64, ivbO...">

ID是正确的，所有其他标记均正确无误。

Answer 1

在触发Google Chart Ready事件之前，不会设置HTML。 这发生在文档的DOMContentLoaded事件之后。

google.visualization.events.addListener(my_chart, 'ready', function () {
   chart_div.innerHTML = '<img src="' + my_chart.getImageURI() + '">';
   var html_data = document.getElementById('img_container');
   console.log(html_data.innerHTML);
});