Javascriptで変数の要素属性を参照する

Question

私は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; 

Answer 1

こんにちは

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); 
    }; 

なぜこの仕事はありませんあなたのコードをテストしただけで、hrefが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>