JS类更改脚本？ （在JS Fiddle工作）

Question

JS noob在这里寻求帮助。我已经写了一些非常基础的东西，能够改变隐藏页面元素的类。 hide类只显示无。

我在JS小提琴中工作得很好但是在我的网站上复制它时，没有任何反应？我究竟做错了什么？

JS小提琴 - https://jsfiddle.net/MattPremier/x8rmn4cb/2/

<script type="text/javascript"> 

window.onload = function () {
var bookShow = "No";

if (bookShow == "No") {
// execute this code
document.getElementById('booking-show').classList.add('hide-widget');
}

else {
// execute this code
document.getElementById('booking-show').classList.add('show-widget');
}

};
</script>

<div id="booking-show" class="show-widget"><p>WORKING?</p></div>

Answer 1

我建议检查你的CSS以确保显示没有另外设置，除非你需要设置然后在hide-widget CSS类中放置：

“display：none！important;”

还可以从底部的对象中删除show-widget，因为它可能与CSS冲突。

注意抱歉，因为我手机上的信息格式不正确。