使用javascript無法隱藏/顯示div面板

我有3個單獨的div（在aspx頁面中並使所有3個div可見=「false」）。使用javascript無法隱藏/顯示div面板

根據病情，我不得不一次顯示1個格和remaning 2層div的隱藏

我做在JavaScript爲使1個格爲style.visibility = "block";和其他2周的div到Style.Add("display", "none");

同時運行它是拋出錯誤味精爲：

無法獲得的財產「風格」的值：未定義的對象爲空或

下面是代碼，在ASPX：

<div runat="server" id="div1" visible="false"> 
.. 
</div> 

<div runat="server" id="div2" visible="false"> 
.. 
</div> 
<div runat="server" id="div3" visible="false"> 
.. 
</div> 

$(document).ready(function() { 
    var val = "xx1" (or "xx2" or"xx3") 
    switch (val) { 
    case "xx1": 
    document.getElementById('ctl00_ContentPlaceHolder2_div1').Style.Add("display", "none"); 
     // document.getElementById('ctl00_ContentPlaceHolder2_div1').style.visibility = "hidden"; 
    document.getElementById('ctl00_ContentPlaceHolder2_div2').style.visibility = "block"; 
    //document.getElementById('ctl00_ContentPlaceHolder2_div2').style.visibility = "visible"; 
    document.getElementById('ctl00_ContentPlaceHolder2_div3').Style.Add("display", "none"); 
    case "xx2": 
    document.getElementById('ctl00_ContentPlaceHolder2_div1').Style.Add("display", "block"); 
    document.getElementById('ctl00_ContentPlaceHolder2_div2').style.visibility = "none"; 
    document.getElementById('ctl00_ContentPlaceHolder2_div3').Style.Add("display", "none"); 
    case "xx3": 
    document.getElementById('ctl00_ContentPlaceHolder2_div1').Style.Add("display", "none"); 
    document.getElementById('ctl00_ContentPlaceHolder2_div2').style.visibility = "none"; 
    document.getElementById('ctl00_ContentPlaceHolder2_div3').Style.Add("display", "block"); 

});

來源

2014-02-06 user2522503

看起來您使用的是JQuery，爲什麼不在JQuery中編寫其餘的內容？ – VIDesignz

如果我在加載頁面的時候使可見=「true」（在製作所有3個div的aspx頁面中），它顯示所有3個div，然後2個div隱藏起來，即使它們被隱藏，它們也佔用每個空間。 – user2522503

爲什麼要添加樣式？你可以使用'.style.display ='none';'或'.style.display ='block';' – VIDesignz

能見度正確的語法是：

document.getElementById("myP").style.visibility="hidden";

但是你可以使用jQuery：

$("#YourSelector").hide(); 

    $("#YourSelector").show();

來源

2014-02-06 23:01:12

不要做visible="false" 。當你這樣做的時候，客戶端控件根本就沒有渲染 - 它簡單的不存在。

相反，如果你想隱藏它，但還是將其提供給客戶端代碼做

<div runat="server" id="div1" style="display:none"> 
.. 
</div>

或

<div runat="server" id="div1" style="visibility:hidden"> 
.. 
</div>

取決於您希望如何將其隱藏。

之後，您的客戶端代碼將能夠找到並處理它。

事實上的問題 - 如果您不需要訪問服務器上的這些DIV，則可以完全刪除runat="server"屬性。獎金：未改變的DIV ID（您可以使用而不是'ctl00_ContentPlaceHolder2_div1'）

來源

2014-02-06 23:01:12

thxs您的答覆。將代碼修改爲style =「visibility：hidden」>。但它爲隱藏的div分配了空間。如何避免這種情況？ – user2522503

這就是爲什麼我提供替代「*取決於你想如何隱藏它*」。在添加此樣式=「display：none」之後，而不是'style =「visibility：hidden」'use'style =「display：none」' –

這樣會導致錯誤：「無法獲取屬性值style' ：object is null or undefined「 – user2522503

使用javascript無法隱藏/顯示div面板

回答

相關問題