传递document.createElement生成二维码不起作用

Question

我正在做一个生成随机二维码的项目。这是我正在使用的http://davidshimjs.github.io/qrcodejs/插件

function createQrImage(qrValue){

    //option1
    var newDiv = document.createElement("div");

    //option2
    var qrDiv = document.getElementById("myDivId");

    //only option 2 works
    var qrcode = new QRCode(qrDiv);

    qrcode.makeCode(qrValue)
}

使用选项2创建新的二维码效果很好，但如果我传递选项1变量，则不会生成任何二维码。控制台中也没有错误。

Answer 1

根据我的评论，由于newDiv没有添加到DOM anywhere中，因此引用它不会影响输出。因此，在使用它之前，需要将其附加到正文中。

function createQrImage(qrValue){

    //option1
    var newDiv = document.createElement("div");
    document.body.appendChild(newDiv);

    //option2
    var qrDiv = document.getElementById("myDivId");

    //only option 2 works
    var qrcode = new QRCode(qrDiv);

    qrcode.makeCode(qrValue)
}