style.display ='block'不能在div上工作在javascript

我想添加一個DIV，其中有一個圖像源在HTML中。並且在我試圖改變上面添加的DIV的屬性之後。但我無法這樣做。選中時，DIV將顯示在瀏覽器開發工具中。我得到的錯誤是「無法讀取null屬性'樣式'。以下是我的代碼。提前致謝。style.display ='block'不能在div上工作在javascript

ajaxLoaddiv='<div class="LoadingImage" alt="example" style="display: none"> <img src="css/ajax-loader.gif"></div>'; 
$(ajaxLoaddiv).appendTo(attachPoint); 
document.getElementById("LoadingImage").style.display = 'block';

附加點是在我得到的HTML中的引用。

var attachpoint=document.querySelector('.buttonAttachPoint');

來源

2013-03-29 Some Guy Really

document.getElementById通過ID獲取元素，而不是類？

var ajaxLoaddiv = $('<div />', {'class': 'LoadingImage', 
           alt : 'example', 
           style : 'display: none' 
           }), 
    img = $('<img />', {src: 'css/ajax-loader.gif'}); 

ajaxLoaddiv.append(img).appendTo(attachPoint); 
ajaxLoaddiv.show();

來源

2013-03-29 01:15:06 adeneo

這是偉大的！像魅力一樣工作!!非常感謝... –

你給它class='LoadingImage'，但不id='LoadingImage'後來試圖與getElementById("LoadingImage")檢索。只需添加id屬性即可。

ajaxLoaddiv='<div id="LoadingImage" class="LoadingImage" alt="example" style="display: none"> <img src="css/ajax-loader.gif"></div>'; 
//--------------^^^^^^^^^^^^^^^^^^^

但是，如果您已經在使用jQuery，那麼您也可以在這裏使用它。

$('#LoadingImage').css('display', 'block');

......並因此更容易通過類來訪問它（假設這是與類LoadingImage的唯一元素），如果你喜歡：

$('.LoadingImage').css('display', 'block');

來源

2013-03-29 01:14:58

使用：

$("#LoadingImage").css({"display": "block"});

如果你想要一個jQuery的解決方案:)

此外，您用來代替元素的ID的類名

來源

2013-03-29 01:15:25

style.display ='block'不能在div上工作在javascript

回答

相關問題