Question

我正在尝试隐藏或显示基于javascript if语句的HTML代码。

它不起作用。你可以在这里看到一个小提琴：https://jsfiddle.net/ajhv0pLj/

<script type="text/javascript">
if (window.localStorage.getItem("deflang") === null) {
    alert (window.localStorage.getItem("deflang"));
    document.getElementById('homepage').style.display = 'none';
}
</script>

<div id="homepage">
Hello world
</div>

Answer 1

代码正在运行，您不必在jsfiddle中将脚本标记放在javascript周围，这就是抛出错误。

Answer 2

我找到了解决方案，我必须将脚本放在body标签前关闭。或者在我的div声明之后。

基本上，这有效：

<div id="homepage">
Hello world
</div>

<script type="text/javascript">
if (window.localStorage.getItem("deflang") === null) {
    alert (window.localStorage.getItem("deflang"));
    document.getElementById('homepage').style.display = 'none';
}
</script>

javascript样式显示“无”无法正常工作

2 个答案: