Javascript 单击后将图像插入到div

我想能够添加一个图像到这个div一旦按钮被点击和复选框被选中。我已经确认复选框部分工作正常，但无法将照片放入div

以下是我目前拥有的：

<button id="show_button">Show System</button>
<div class="box" id="AC1"></div>
<script>
var show_button = document.getElementById('show_button');
var show = function() {
    // AC Relevant Components;
    var ch_mGT = document.getElementById('mGT').checked;
    // Set AC1
    if (ch_mGT) {
         var AC1_html = "<img src='http://localhost/....png' alt='Micro Turbine' 
         height='50px'>";
         document.getElementById("AC1").innerHTML(AC1_html);
    }
}
show_button.addEventListener("click",show);
</script>

---

您说过您尝试使用appendElement，但在下面的示例中它似乎可以工作

var show_button=document.getElementById（'show_button'）；
var show=function（）{
var ch_mGT=document.getElementById（'mGT'）。选中；
var AC1_img=document.createElement（'img'）
AC1_img.src=”https://i.ytimg.com/vi/r4Hve6fZ7ik/maxresdefault.jpg"
AC1\u img.style.height=“50px”
AC1_img.alt=‘微型涡轮机’
国际单项体育联合会（CHU管理）{
document.getElementById（“AC1”）.appendChild（AC1\U img）
}
}
显示按钮。添加事件列表（“单击”，显示）

显示系统
谢谢！这对我也很管用。我不知道我原来做错了什么。我很高兴它对你有用！你觉得这个答案正确吗？
var AC1_img = document.createElement("img");
AC1_img.src = 'http://localhost/....png'
document.getElementById('AC1').appendChild(AC1_img);