1

画像ソースを含む DIV を HTML に追加しようとしています。上記の追加されたDIVのプロパティを変更しようとした後。しかし、私はそうすることができません。チェックすると、DIV がブラウザ開発ツールに表示されます。私が得ているエラーは、「nullのプロパティ 'style'を読み取れません」です。以下は私のコードです。前もって感謝します。

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

3 に答える 3

2

あなたはそれを与えました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');

...したがって、必要に応じて、クラスによってより簡単にアクセスできます（これが class を持つ唯一の要素であると仮定しLoadingImageます）：

$('.LoadingImage').css('display', 'block');
于 2013-03-29T01:14:58.767 に答える
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();
于 2013-03-29T01:15:06.230 に答える
1

使用する：

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

jQueryソリューションが必要な場合:)

また、要素の ID の代わりにクラス名を使用しました

于 2013-03-29T01:15:25.130 に答える