在javascript和/或html中隱藏動態div元素

Question

我對此很陌生，請耐心等待。 我正在嘗試從6個元素（目錄）的列表中隱藏特定的動態div元素（這是一個目錄），但是運氣不佳。 具體來說，catalogid =“ 3”需要隱藏在頁面上，但仍保持活動狀態。 如果該目錄的確切URL粘貼到瀏覽器中，則該目錄應可訪問。 基本上，它將是僅提供給特定客戶以購買特定產品的隱藏目錄。

這是HTML：

<span catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}' style="color:#fff">${Name}</span>

這是Java腳本代碼：

 location.href =getHostingHTML()+"?action=courseBrowse&CatalogID="+catalogID;

問題：我是否可以在執行后僅隱藏目錄3的任何一行下面放置代碼片段？

Answer 1

我認為您應該嘗試將此css屬性賦予span元素。

span {
  display:none;
}

Answer 2

這將達到目的

span {
  display:none;
}

但是，這將隱藏整個網站中的每個范圍。 您可能想將一個類添加到要隱藏的特定跨度類中：

<span class="hide-me" catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}' style="color:#fff">${Name}</span>

<style type="text/css">

.hide-me{
   display:none;
}

</style>

另外，您也可以這樣做

<span catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}' style="color:#fff; display:none;">${Name}</span>

Answer 3

嘗試這個：

<span id='myspan' catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}'style="color:#fff">${Name}</span>

我建議向您的跨度添加一個ID，然后在您的javascript中命名為以下代碼：

document.getElementById("myspan").style["display"] = "none";