Javascript 如何解决未捕获的TypeError:无法设置属性'；外层TML'；空值？

错误不是禁止页面呈现正确的结果；然而，这很烦人！我展示了代码的HTML和JavaScript部分，错误是从那里产生的。请帮助我解决这个问题，因为我已经尝试解决了几个小时了，但没有任何效果

代码：

google.charts.load（“当前”{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['Element'，'Density'，{role:'style'}]，
[Copper'，8.94'，#b87333'，]，
[Silver'，10.49'，Silver']，
[Gold'，19.30'，Gold']，
[“白金”，21.45，“颜色：#e5e4e2']
]);
变量选项={
标题：“贵金属密度，单位为g/cm^3”，
条：{groupWidth:'95%}，
图例：“无”，
};
var chart_div=document.getElementById（'chart_div'）；
var chart=新的google.visualization.ColumnChart（chart\u div）；
google.visualization.events.addListener（图表'ready'，函数（）{
chart_div.innerHTML=''；
log（chart\u div.innerHTML）；
});
图表绘制（数据、选项）；
document.getElementById（'png'）.outerHTML=''；
}

图表
&时代；

tl；博士 将

outerHTML

替换为

innerHTML

（某种）解释 在执行多次的函数中有这一行。第一次之后，

#png

元素不再存在，因此后续调用（如单击图表按钮）会导致错误。将内容放在元素中将确保它在后续调用中始终存在

google.charts.load（“当前”{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['Element'，'Density'，{role:'style'}]，
[Copper'，8.94'，#b87333'，]，
[Silver'，10.49'，Silver']，
[Gold'，19.30'，Gold']，
[“白金”，21.45，“颜色：#e5e4e2']
]);
变量选项={
标题：“贵金属密度，单位为g/cm^3”，
条：{groupWidth:'95%}，
图例：“无”，
};
var chart_div=document.getElementById（'chart_div'）；
var chart=新的google.visualization.ColumnChart（chart\u div）；
google.visualization.events.addListener（图表'ready'，函数（）{
chart_div.innerHTML=''；
log（chart\u div.innerHTML）；
});
图表绘制（数据、选项）；
document.getElementById（'png'）。innerHTML=''；
}

图表
&时代；

（注意：如果（！！navigator.userAgent.match（/Trident\/7\./））欢迎使用，您的问题不符合网站规则，您不需要

中的
！！
）。请阅读“如何提问”和“创建一个最小的完整可验证示例”，谢谢！这并不能解决我的错误，但我感谢任何缩短我的代码的帮助！！所以
document.getElementById（'png2'）
返回null？！调用此代码时，ID为png2的元素不在DOM中（或与运行snippet不在同一文档上下文中）@gcampbell可能更好的是
if（/Trident\/7\./.test（navigator.userAgent））
！那很好用。非常感谢你的帮助！！