Javascript HTML5音频播放器：如何通过HTML元素而不是div ID进行选择？

作为一个html5播放器，我正在从id为的div转向简单的html元素

旧情工程

理想的情况并不完全有效

<audio src="track1.mp3"></audio>
<controls>
    <play style="display:none">PLAY</play>
    <pause style="display:none">PAUSE</pause>
    <progress><bar></bar></progress>
</controls>

在新版本中，进度条不工作！我们忽略了什么？谢谢

document.getElementsByTagName'audio'将返回一个数组，即使它的长度只有1。您需要这样做：

document.getElementsByTagName('audio')[0];

getElementsByTagName'audio'将返回一个数组，即使它的长度只有1。您需要这样做：

document.getElementsByTagName('audio')[0];

---

将评论移至答案：

从标记中删除双引号

---

目前正在将评论移动到一个答案：

从标记中删除双引号

---

当前是否有意使用而不是？是否有原因在标记中存在未关闭/使用的双引号？是否有意使用而不是？是否有原因在标记中存在未关闭/使用的双引号？它类似于数组，但实际上不是数组。尽管如此，@感恩是正确的，您必须在列表中指定元素。创建自定义元素满足“无id”要求，甚至可以在Internet Explorer上使用：它类似于数组，但实际上不是数组。尽管如此，感恩是正确的，您必须在列表中指定元素。创建自定义元素满足“无id”要求，甚至可以在Internet Explorer上使用：感谢您的敏锐眼光：您在错误查找方面的贡献已通过向上投票获得奖励，并已并入我的JSFIDLE中，现在该问题已解决感谢您的敏锐眼光：您在错误查找方面的贡献这一发现得到了一次向上投票的奖励，并被纳入了我现在已经解决的问题的JSFIDLE中

var myAudio = document.getElementsByTagName('audio')[0];
var play = document.getElementsByTagName('play')[0];
var pause = document.getElementsByTagName('pause')[0];
... etc

document.getElementsByTagName('audio')[0];