タグのJavascriptフェード機能

Question

これを最初の形式で動作させることができます。タグ名による2番目のget要素で同じ効果を達成するにはどうすればよいですか（ノード番号 '[0]'は正しい） - アドバイスをいただければ幸いです。

注：メディアは動画タグに付けられたIDですが、タグ自体に添付することをお勧めします。

まず：

function fade(){ 
    var elem = document.getElementById("media"); 
    elem.style.transition = "opacity 5s linear 0s"; 
    elem.style.opacity = 0; 
} 

第二：

function fade(){ 
    var elem = document.getElementByTagName("video")[0]; 
    elem.style.transition = "opacity 5s linear 0s"; 
    elem.style.opacity = 0; 
} 

Answer 1

あなたはgetElement の ByTagNameからのが欠落しています

function fade(){ 
     var elem = document.getElementsByTagName("video")[0]; 
     elem.style.transition = "opacity 5s linear 0s"; 
     elem.style.opacity = 0; 
} 

https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByTagName