標籤上的Javascript淡入淡出功能

Question

我可以讓它在第一種形式下工作，如何通過標籤名稱實現與第二個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