javascript - 如何在没有jQuery的情况下切换元素可见性？

我正在为eBay编写拍卖模板，希望eBay允许它。显然，它们不是因为jquery具有诸如string.replace()等之类的东西。

该代码是非常基本的。

$(document).ready(function(){

    function changeImage(){
        if($("#coin1").css("display") == "none"){
            $("#coin1").fadeIn("slow");
        }else{
            $("#coin1").fadeOut("slow");
        }
    };

    setInterval ( changeImage, 5000 );
});

我基本上需要用普通的Javascript重写它...

最佳答案

如果您可以在没有衰落影响的情况下生活，那应该非常简单:

function changeImage() {
    var image = document.getElementById('coin1');
    image.style.display = (image.style.display == 'none') ? 'block' : 'none';
}

setInterval(changeImage, 5000);

虽然衰落很酷，但当我们不允许使用外部库时，确实会使代码变得复杂得多。基本上，您将需要处理其他计时器，以非常短的间隔触发，从而更改每个回调中目标元素的不透明度。

如果您真的想要褪色，请参阅"Javascript Tutorial - Simple Fade Animation"。

关于javascript - 如何在没有jQuery的情况下切换元素可见性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2073702/