Question

我正在尝试将包含图像源的DIV添加到HTML中。在我试图改变上面添加的DIV的属性之后。但我无法这样做。选中后，DIV将显示在浏览器开发工具中。我得到的错误是“无法读取null的属性'样式”。以下是我的代码。提前谢谢。

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';

attachpoint是我得到的html中的引用。

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

Answer 1

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();

Answer 2

使用：

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

如果你想要一个jQuery解决方案：）

此外，您使用了类名而不是元素的ID

style.display ='block'无法在div上使用javascript

2 个答案: