未在Javascript中追加图像

我是javascript新手，我尝试在div标记中附加一个img标记。 但它并没有与div中已经存在的元素相关联

这是我的HTML代码：

    <div class="ce_label">
       <span>some text</span>
       <span>some text</span>
    </div>

一些文本
一些文本

我的javascript代码：

    var sel = '.ce_label';
    var toolTemplate = [
    '<img src="smiley.gif" alt="Smiley face" height="42" width="42">'
    ];
  window.onload = function() {
  var x = document.querySelectorAll(sel);
  var commentHtml = toolTemplate.join('');
   for (var i = 0; i < x.length; i++) {
  x[i].appendChild = commentHtml;
  }

  };

var sel='.ce_label'；
变量工具模板=[
''
];
window.onload=函数（）{
var x=document.queryselectoral（sel）；
var commentHtml=toolTemplate.join（“”）；
对于（变量i=0；i

因此，我的输出应该是：

 <div class="ce_label">
        <img src="smiley.gif" alt="Smiley face" height="42" width="42">

       <span>some text</span>
       <span>some text</span>
    </div>

一些文本
一些文本

但是我无法得到这个输出

有人能帮我修一下吗

提前谢谢。

这一行

x[i].appendChild = commentHtml;

尝试将字符串分配给元素的

appendChild

属性，该属性引用一个不能覆盖的函数

如果要用该HTML替换元素的内容，请指定给：

如果要附加到元素的当前内容，请调用元素的方法：

这条线

x[i].appendChild = commentHtml;

尝试将字符串分配给元素的

appendChild

属性，该属性引用一个不能覆盖的函数

如果要用该HTML替换元素的内容，请指定给：

如果要附加到元素的当前内容，请调用元素的方法：

---

如果有，您会得到什么输出？

appendChild

将元素添加到链的末尾。如果您希望将img添加为第一个子项，请选择

insertBefore

方法。如果有，您会得到什么输出？

appendChild

将元素添加到链的末尾。如果您希望将img添加为第一个子项，请选择

insertBefore

方法。太好了，它很管用。我只是像jQuery Append（）函数一样处理它。现在我明白了。谢谢@T.J.克劳德。太好了，它很管用。我只是像jQuery Append（）函数一样处理它。现在我明白了。谢谢@T.J.克劳德。

x[i].insertAdjacentHTML("beforeend", commentHtml);