Javascript Fade-Funktion auf Tag

Question

Ich kann dies in der ersten Form zu arbeiten, wie bekomme ich den gleichen Effekt mit dem zweiten erhalten Element durch Tag-Namen funktioniert nicht, (die Knotennummer '[0]' ist richtig) - jeder Rat geschätzt.

Hinweis: Media ist die ID, die an das Video-Tag angehängt ist, aber ich würde es vorziehen, es an das Tag selbst anzuhängen.

Erstens:

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

Zweitens:

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

Answer 1

Sie vermissen s von getElement s 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