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