javascript - 在 Javascript 中引用变量的元素属性

Question

我正在尝试理解 JS 引用。

<a id="ohnoes" href="https://www.kasandbox.org/programming-sounds/rpg/giant-no.mp3">What does Oh Noes say?</a>`

所以我在此函数中引用了上面的标签:

var ohnoesEl = document.getElementById("ohnoes");
var onOhNoesClick = function(e) {
    e.preventDefault();
    var audioEl = document.createElement("audio");
    audioEl.src = "https://www.kasandbox.org/programming-sounds/rpg/giant-no.mp3";
    audioEl.autoplay = "true";
    document.body.appendChild(audioEl);
    };

为什么会这样:

audioEl.src = "https://www.kasandbox.org/programming-sounds/rpg/giant-no.mp3";

但不是这个:

audioEl.src = ohnoesEl.href;

Answer 1

您好，我刚刚测试了您的代码，结果发现 href 工作得很好。

<a id="a1" href="https://www.google.ca">Google</a>
<button onclick="changeAudio(event)">Click Me</>

<script>
var a1 = document.getElementById('a1')

function changeAudio(e){
  e.preventDefault()
  var audio = document.createElement('audio')
  audio.src = a1.href
  document.body.appendChild(audio)
}
</script>