javascript - querySelector 有什么问题

Question

根据下面的书面代码，当单击具有 keyCode 65 的“a”时，预期结果应该是在控制台中返回 DOM 元素“”。当我运行代码并检查它时，它在控制台中返回 null。

部分源码:

<audio data-key="65" src="#"></audio>

<script>
    window.addEventListener('keydown',function(e){

        const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
        console.log(audio);

    });
</script>

Answer 1

如果你想使用 es6 占位符，你需要使用 backtick (`) 而不是单撇号。

`audio[data-key="${e.keyCode}"]`

其他选项只是使用字符串连接。

'audio[data-key="'+e.keyCode+'"]'