無法顯示以前隱藏的圖像中的JavaScript

圖片，在HTML id = "mobile_right_folder_image"預計將在啓動時被隱藏。在事件圖像應該是可見的。無法顯示以前隱藏的圖像中的JavaScript

圖像是使用內聯display:none並試圖在一個Javascript函數來顯示圖像，使用圖像的id隱藏。在應用程序中使用原型 - AJAX。

我已經嘗試過顯示，JavaScript中的可見性屬性似乎沒有任何幫助。我有一個類似的圖像在不同的位置，工作正常。

上午懷疑父母的某些屬性不讓要顯示的圖像的孩子。請幫忙。

HTML Code structure below : 


<div id="mc_div_main"> 
<div id="mc_div_folders_container" style="width: 144px; display: none;"> 
    <div id="mc_div_content" style="left: 0px;" name="mc_div_content"> 
     <div id="mc_div_report" class="content" style="display: none" name="content_div"> </div> 
     <div id="mc_div_compose" class="content" style="display: none" name="content_div"> </div> 
     <div id="mc_div_message_list" class="content" name="content_div"> 
      <div id="rs_container" class="tile_container" style="overflow: hidden"> 
       <div class="tile_title_bar"> 
         <img id="mobile_right_folder_image" border="0" onclick="javascript:f_folderVSMsgDisplay('1');" style="vertical-align: middle; height: 16px; padding-left: 2px; display:none" src="images/col_chooser_right.gif"> 
        <span class="shadow"> 
        <span class="tile_header_widgets" style="text-align: right; margin-right: 8px;"> 
       </div> 
      <div id="rs_document" style="height: 150px;"> 
      <p> </p> 
     <div id="rs_separator" class="separator" style="top: 172px;"> </div> 
     <div id="rs_calendar" style="bottom: 0px; overflow: auto; top: 178px;">  
     </div> 
     </div> 
     </div> 
     </div> 
    </div> 



Java script : 

     document.getElementById('mobile_right_folder_image').style.display='';

我也試圖顯示inline & bloc屬性。

更好的HTML樹結構如下：（mc_div_folders_container，mc_div_content處於同一水平兄弟姐妹）

CHILD - >父路徑圖像：mobile_right_folder_image - > - >

上午懷疑：式= 「溢出：隱藏」

<div id="mc_div_main"> 
    <div id="mc_div_folders_container" style="width: 144px;"> 
     <div id="mc_div_folders" style="bottom: 0px;"> 
     <div id="mc_folders_separator" class="separator" style="height: 6px; width: 100%; postion: absolute; z-index: 1; height: 407; display: none;"> </div> 
     <div id="mc_div_content_selector" style="display: none; overflow: hidden;"> 
    </div> 
    <div id="mc_div_content" style="left: 150px;" name="mc_div_content"> 
     <div id="mc_div_report" class="content" style="display: none" name="content_div"> </div> 
     <div id="mc_div_compose" class="content" style="display: none" name="content_div"> </div> 
     <div id="mc_div_message_list" class="content" name="content_div"> 
     <div id="rs_container" class="tile_container" style="overflow: hidden"> 
      <div class="tile_title_bar"> 
       <img id="mobile_right_folder_image" border="0" onclick="javascript:f_folderVSMsgDisplay('1');" style="vertical-align: middle; height: 16px; padding-left: 2px; display:none" src="images/col_chooser_right.gif"> 
       <span class="shadow"> 
       <span class="tile_header_widgets" style="text-align: right; margin-right: 8px;"> 
      </div> 
      <div id="rs_document" style="height: 150px;"> 
      <p> </p> 
      <div id="rs_separator" class="separator" style="top: 172px;"> </div> 
      <div id="rs_calendar" style="bottom: 0px; overflow: auto; top: 178px;"> 
     </div> 
     </div> 
    </div> 
</div>

來源

2013-01-10 zion_ck

檢查html函數完成後，看看圖像是否顯示：無風格。我認爲父元素的樣式會影響 – karaxuna

將顯示設置爲真實的css值，例如「none」，「inline」或「block」 –

不確定，但如果您有內聯樣式，則可能會有重疊衝突。嘗試使用！重要的JS或將內聯樣式移動到CSS文件 – kishu27

當使用原型，使用$('mobile_right_folder_image').show()

來源

2013-01-10 19:48:08

我試過原型.show（），它不幫助顯示圖像。還嘗試更新（）也與一個新的形象，但沒有奏效。 –

mc_div_folders_container是隱藏的，因此所有它的後代（圖像是後代）將不可見不管他們的風格。

document.getElementById('mc_div_folders_container').style.display='inline-block'; 
document.getElementById('mobile_right_folder_image').style.display='block';

來源

2013-01-10 19:50:03 Musa

更好的html樹形結構如下： –

@zion_ck什麼？ – Musa

@穆薩，感謝您的快速回復。只是用更好的HTML樹更新了主要問題。 –

無法顯示以前隱藏的圖像中的JavaScript

回答

相關問題