显示/隐藏div可以不用jquery吗？

Question

我有一个现在正在运行的脚本,但是仍然存在与页面上我无法控制的其他脚本冲突...(托管的e-com网站,访问受限) - 有没有办法实现这一点,但使用普通的javascript ？

var $b = jQuery.noConflict(true);

var d = new Date();
var dayOfWeek = d.getUTCDay();
var hour = d.getUTCHours();
var mins = d.getMinutes();
var status = 'open';

if (dayOfWeek !== 6 && dayOfWeek !== 0 && hour >= 12 && hour < 22)
    status = 'open';
else
    status = 'closed';

if (status=='open')
    $b('.orderby').show();
else
    $b('.orderby').hide();

Answer 1

你可以使用这个：

var elem = document.querySelector(".elementClass");
elem.style.display = (status === 'open') ? 'block' : 'none';

Answer 2

您的代码中只有一小部分jquery

if (status=='open') {
    $b('.orderby').show();
}else{
    $b('.orderby').hide();
}

这可以转换为

if (status=='open') {
    document.querySelector('.orderby').style.visibility = "visible";
}else{
    document.querySelector('.orderby').style.visibility = "hidden";
}