标签上的Javascript淡入淡出功能

Question

我可以以第一种形式使用它，如何使用第二个get元素通过标记名称来实现相同的效果，（节点编号＆＃39; [0]＆＃39 ;是正确的） - 任何建议表示赞赏。

注意：媒体是附加到视频标签的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的 s 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