如何动态创建多个<object>元素

Question

<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" id="Pdf1" width="0" height="0">
        <param name="_Version" value="327680">
        <param name="_ExtentX" value="19315">
        <param name="_ExtentY" value="16034">
        <param name="_StockProps" value="0">
        <param name="SRC" id="SRC" value="">
    </object>
    
    
  var pdf = document.getElementById("Pdf1");
    function make(){
        for(var i=0; i< 2; ++i){
            try {
                var a = 'http://localhost:8080/reviewManagement/showPdf?fileName='+i
                $("#SRC").val(a)
                pdf.printWithDialog();
                document.getElementById("prtBtn").setAttribute("disabled", true);
            } catch (e) {
                alert("未安装adobe reader插件，请联系管理员安装！");
            }
        }
    }
    如何在赋值成功后页面加载完再去执行pdf.printWithDialog();
    求教

Answer 1

html

<div id="app">

</div>

script

<script>

    let app = document.getElementById('#app')
    function createPdf(i){
        /**
        * ***
        **/
    }
    for(let i=0;i<2;i++){
        let pdf = createPdf(i)
        app.appendChild(pdf)
    }

</script>