javascript通过appendChild(dom)方法插入一个dom元素无效

javascript通过appendChild(dom)方法插入一个dom元素：
父dom的ID：thediv
子dom的ID：closeImgContainer

  insertCloseImage:function(){
            var titleDiv=document.getElementById("thediv");
            if(titleDiv){
                closeImg=document.createElement("img");
                closeImg.id="closeImgContainer";
                closeImg.src="images/关闭.png";
                closeImg.width="20";
                closeImg.height="20";
                closeImg.style.position="absolute";
                closeImg.style.top="5px";
                closeImg.style.right="5px";
                closeImg.onclick=guanbi;
                function guanbi(){
                    document.getElementById("thediv").style.display="none";
                    document.getElementById("closeImgContainer").style.display="none";
                };
                titleDiv.appendChild(closeImg);
            }  
        },

注意事项，经常会出现插入dom元素无效
这种情况一般是父DOM再插入子元素以后又执行了其他操作，比如渲染echart图表等，可能导致子元素无效，即使代码都执行了。
解决办法：
父DOM所有操作执行结束后，再执行插入子元素。
经验总结：
也就是说，插入子元素，最好放最后执行，以减少其他操作对其影响的概率。