每5秒隨機發出一聲聲音

Question

我試圖每5秒產生一次隨機聲音，而我的問題是從javascript中的html更改音頻標簽中的src（請參見代碼）我收到此錯誤Uncaught TypeError：無法將屬性'src'設置為null

誰能向我解釋我在做什么錯？

 (JS) 

 document.getElementById("song-generator").src = "test.mp3";


(html)

<embed
     id="song-generator"
  hidden="true"
  name="test"
  src=""
  loop="true"
  autostart="true"
/>

Answer 1

document.getElementById("song-generator")計算為null的事實告訴我一些可能的事情：

1. 您的HTML中可能有一些重復的ID。
2. HTML中的某處存在語法錯誤。

如果經過這些檢查后這些問題仍然存在，那么我懷疑您是在加載HTML之前調用getElementById 。 為了解決這個問題，我將JS代碼包裝在事件監聽器中，以實現“ load”事件，如下所示：

 <!-- Either put your actual JS code here, or link a script --> <script> window.addEventListener("load", () => { //put business logic here document.getElementById("song-generator").src = "test.mp3"; }); </script> 

另外，您可以使用window.onload ，它執行相同的操作 ：

 <!-- Either put your actual JS code here, or link a script --> <script> window.onload = () => { //put business logic here document.getElementById("song-generator").src = "test.mp3"; }); </script>