iT邦幫忙

0

關於使用JS控制html元件

我想要的目的在於用JavaScript指定某些html元件消失。

實作方式為:
laraval寫一個範本網頁,假設有1~5號html元件。
A網頁繼承這個範本網頁,並且隱藏1、3號元件。
B網頁繼承這個範本網頁,並且隱藏2號元件。

我的想法是先指定各個元件的id,再利用各自的JS控制指定id的CSS屬性來達成這個效果。

將找到的範例簡化如下:

<p id='myDiv'>123</p>

    <script>
        var div = document.getElementById("myDiv");
        div.style.display = "none";
    </script>

不過如果我改html元件的id,或是將這段程式碼原封不動貼到別的地方去
有時候會有效果,有時候沒效果。

想請問一下是什麼原因呢?謝謝

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
dragonH
iT邦超人 5 級 ‧ 2020-03-27 13:47:49

通靈一下

有可能是在 run code 的時候

dom 還不存在

建議發生問題時

看個 console 發生了什麼事

rew87516 iT邦新手 4 級 ‧ 2020-03-27 16:12:52 檢舉

用console真的發現dom不存在,原來是因為JS區塊擺放的位置會有影響
謝謝你!

dragonH iT邦超人 5 級 ‧ 2020-03-27 16:17:20 檢舉

/images/emoticon/emoticon42.gif

我要發表回答

立即登入回答