引用变量'；Javascript中的s元素属性

我试图理解JS引用

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

为什么这样做有效：

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

但不是这个：

audioEl.src = ohnoesEl.href;

---

您好，我刚刚测试了您的代码，结果证明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>

点击我
var a1=document.getElementById（'a1'）
功能更改音频（e）{
e、 预防默认值（）
var audio=document.createElement（'audio'）
audio.src=a1.href
document.body.appendChild（音频）
}

<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>