加载时移动DIV并使用纯JavaScript调整大小

我试图让这个脚本在移动设备（767px及以下）上将HTML从A点移动到B点。然而，它似乎不起作用。我已经选择了ID元素和innerHTML，但我似乎运气不好

var addEvent = function(object, type, callback) {
    if (object == null || typeof(object) == 'undefined') return;
    if (object.addEventListener) {
        object.addEventListener(type, callback, false);
    } else if (object.attachEvent) {
        object.attachEvent("on" + type, callback);
    } else {
        object["on"+type] = callback;
    }
};
var element;

element = document.getElementById('pointA');
recalcHTML();
addEvent(window, "resize", recalcHTML());


function recalcHTML() {
    var element = element;
    var target  = document.getElementById('pointB');
    if (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth <= 767) {
        target.appendChild(element);
    } else {
        element.appendChild(target);
    }
}

var addEvent=函数（对象、类型、回调）{
if（object==null | | typeof（object）=='undefined'）返回；
if（object.addEventListener）{
addEventListener（类型、回调、false）；
}else if（object.attachEvent）{
attachEvent（“on”+类型，回调）；
}否则{
对象[“on”+类型]=回调；
}
};
var元素；
元素=document.getElementById（'pointA'）；
recalcHTML（）；
addEvent（窗口，“调整大小”，recalcHTML（））；
函数recalcHTML（）{
var元素=元素；
var target=document.getElementById（'pointB'）；
如果（window.innerWidth | | | document.documentElement.clientWidth | | | document.body.clientWidth）同时发布html代码或工作fiddle。这将由我们来解决。@Sharmila完成。
<div id="pointA"><img src="/images/example.jpg" alt="" width="300" /></div>
<div id="pointB"></div>