使用getElementById时的空格（HTML5站点，使用Javascript）
我有以下代码：使用getElementById时的空格（HTML5站点，使用Javascript）,javascript,html,Javascript,Html,我有以下代码： <b>Title</b>: <span id='songTitle'></span><br> <b>Album</b>: <span id='songAlbum'></span><br> <script> var songs = [ { filename: "title1.mp3", title: "title1", album: "Alb
<b>Title</b>: <span id='songTitle'></span><br>
<b>Album</b>: <span id='songAlbum'></span><br>
<script>
var songs =
[
{ filename: "title1.mp3", title: "title1", album: "Album1" },
{ filename: "title2.mp3", title: "title2", album: "Album2" },
// add more songs here...
];
var randomIndex = Math.floor(Math.random() * songs.length);
var song = songs[randomIndex];
document.querySelector("source").src = song.filename;
document.getElementById("songTitle").textContent = song.title;
document.getElementById("songAlbum").textContent = song.album;
</script>
<audio class="audio-element" controls="true" preload="none">
<!-- Adding audio sources -->
<source src="mp3file.mp3" type="audio/mpeg" />
<br>
<b>Your outdated browser does not support HTML5. <br>
Get Mozilla Firefox <a href="https://www.mozilla.org/pl/firefox/new/"> >HERE< </a></b>
</audio>
标题：
相册：
var歌曲=
[
{文件名：“title1.mp3”，标题：“title1”，唱片集：“Album1”}，
{文件名：“title2.mp3”，标题：“title2”，唱片集：“Album2”}，
//在这里添加更多歌曲。。。
];
var randomIndex=Math.floor（Math.random（）*songs.length）；
var song=歌曲[随机索引]；
document.querySelector（“source”）.src=song.filename；
document.getElementById（“songTitle”）.textContent=song.title；
document.getElementById（“songAlbum”）.textContent=song.album；
您过时的浏览器不支持HTML5
在此处获取Mozilla Firefox>
我想让它显示从列表中随机生成的标题和相册文本，但它不起作用：（只有空格，在“：”标记后没有写任何内容，例如，应该有“标题1”和“相册1”
有谁能告诉我出了什么问题吗？您应该将javascript向下移动到音频标记之后，否则它会在标记在浏览器中呈现之前触发。理想情况下，您应该将其放置在body标记关闭之前
<body>
<!-- Markup -->
<script ...>...</script>
</body>
...
document.querySelector（“源”）应该有“title1”和“Album1”nullsrc