Ссылка на атрибуты элемента переменной в 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 works ju хорошо.

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