javascript - 如何向 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。