javascript樣式顯示“無”不起作用

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周圍放置script標簽，這就是引發錯誤的原因。

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>