document.querySelector给出Null而不是预期的输出

时间:2017-12-03 12:09:12

标签: javascript

这个简单的代码应该在按下“a”时在控制台中返回一个音频文件,但是它给了我NULL

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS Drum Kit</title>
<link rel="stylesheet" href="style.css">
</head>
<body>


<div class="keys">
<div data-key="65" class="key">
  <kbd>A</kbd>
  <span class="sound">clap</span>
</div>

<audio data-key="65" src="./sounds/clap.wav"></audio>
<script>
window.addEventListener('keydown', function(e){
 const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
 console.log(audio);              
  });
</script>


</body>
</html>

这不是一个重复的问题,这个问题有使用模板文字的问题,其他所有问题都是关于错放脚本标记。

0 个答案:

没有答案