这个 AppendChild 调用有什么问题吗？

Question

我正在尝试执行此简单的 AppendChild，调用没有成功：

//Create Video and Apply
function makeVid(src,wW,hH,Ref){
    var NewSrc= SrcCollect[Ref];
    var ambVid= document.createElement("VIDEO");
    ambVid.setAttribute("width",wW);
    ambVid.setAttribute("height",hH);
    ambVid.setAttribute("src",src);
    ambVid.setAttribute("controls","controls");
    ambVid.className="ambiVidElement";        
    ambVid.id="ambiVidElement"+Ref;
    var holder = document.getElementById("ambi_vid_wrapper"+Ref);
    holder.appendChild(ambVid);
}

它不会产生错误，即使我使用 try{} 捕获错误，也没有错误，但我创建并想要附加的元素没有出现在页面上...

Answer 1

很奇怪没有错误，你检查过浏览器的 JavaScript 控制台吗？使用调试器进行过操作吗？

下面是一些建议（更改了标记有 * 的行）：

//Create Video and Apply
function makeVid(src,wW,hH,Ref){
    var NewSrc= SrcCollect[Ref];
    var ambVid= document.createElement("video"); // * lower-case
    ambVid.style.width = wW + "px";              // * setting style properties
    ambVid.style.height = hH + "px";             // *
    ambVid.src = src;                            // * `src` is a reflected property on most elements with a `src` attribute
    ambVid.setAttribute("controls","controls");
    ambVid.className="ambiVidElement";        
    ambVid.id="ambiVidElement"+Ref;
    var holder = document.getElementById("ambi_vid_wrapper"+Ref);
    holder.appendChild(ambVid);
}

除了上述内容之外，我还会仔细检查 getElementById 调用是否返回您期望的返回值。

将此作为 CW 答案，因为它实际上只是一系列调试建议。