通过传递document.createElement生成Qr代码不起作用

Question

我正在研究一个生成随机qr代码的项目。这是我正在使用的插件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创建新的QR代码可以正常工作，但是如果我传递选项1变量，则不会生成QR代码。控制台也没有错误。

Answer 1

根据我的评论，由于newDiv没有添加到DOM的任何地方，因此引用它不会影响输出。因此，在使用前，您需要将其附加到主体上。

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)
}