如何将视频/音频对象添加到DOM？

Question

我在页面的Javascript代码中创建了一个新的HTML5 Audio（）对象。我想将此音频对象放在表格单元格中。

typeof（）告诉我Audio（）给了我一个对象，因此表单元格jquery对象上的.append（）不起作用。

我想将对象放入页面并显示其控件，以便用户可以与之交互 - 这是可能的，而无需实际编写

<audio src...></audio>

HTML？

Answer 1

你在jQuery中的方式，使用html语法：

td.append("<audio>");

尖括号告诉jQuery创建一个新元素。我不确定jQuery在幕后使用什么方法（无论innerHTML还是doc.createElement()），但非jQuery方法是：

var audioElement = td.appendChild(document.createElement("audio"));

要使用new Audio()语法，非jQuery代码类似：

var audioElement = td.appendChild(new Audio);

编辑：我刚刚测试过，jQuery似乎在Chrome中没有问题：

td.append(new Audio());

这是一个jQuery演示：http://jsfiddle.net/gilly3/WRqyM/1

更新：IE9似乎不起作用。 ： - （除非audio有src，否则IE9不会显示。我已经更新了jsfiddle。