未捕获的TypeError：undefined不是＆＃34; onclick =＆＃34; this.firstChild.play（）＆＃34;

Question

为什么我得到＆＃34; 未捕获的TypeError：undefined不是函数＆＃34;错误：

<div class="mainBox">test Text&nbsp;<a onclick="this.firstChild.play()">
     <audio src="sounds/audio1.mp3"></audio>
     <img class="audioPlayer" src="images/play.jpg"></a>
</div>

Answer 1

作为@Pointy said，<a>和<audio>之间有一个换行符和制表符，因此this.firstChild就是该文本节点。

您可以使用

修复它

this.firstElementChild

将是第一个元素子节点，而不是第一个节点子节点。