原生js动态生成html初始化插入到body（不指定id/class）

Question

我想在工具类util.js中添加一个方法，在html引入该js时，自动在html中插入一段生成的html 如下：

    function log(obj,text) {

        var logId = "testlog";

        var div = obj.createElement("div");

        div.id = logId;

        var logObj = obj.getElementById(logId);

        var first=obj.body.firstChild;//得到页面的第一个元素 

        obj.body.insertBefore(div,first);

        logObj.style.display = "block";

        logObj.style.color = "white";

        logObj.style.size = "32px";

        logObj.backgroundImage = "url(/popCashierbg.png)";

        logObj.innerHTML = text;

    }

存在如下问题：

1. 调用时候 log（window.docuemt,"werwer"）在页面初始化js中obj.body.firstChild 一直报错找不到firstChild。

2. 网上大多数插入都是插入到对应class下或者 插入到某个id元素节点下，我想直接插入到body下面。

3. 我引入的js 直接document 和 在html初始化代码中document 是一个对象嘛。

Answer 1

各种看不明白。这个函数本来看起来似乎没什么问题，没有完整的调用不好判断问题在哪里。你的想法没什么问题，逻辑是对的，多半是代码没写好。