Stil.display = 'block' nicht arbeiten in javascript auf einen div

Ich versuche, Fügen Sie ein DIV, welches eine Bild-Quelle auf eine HTML. und nachdem ich versuche, ändern Sie die Eigenschaft von oben Hinzugefügt, DIV. Aber ich bin nicht in der Lage, dies zu tun. Das DIV-Element zeigt sich in der Browser-Entwicklung-tools überprüft. Den Fehler bin ich immer "Cannot read property 'style' ist null". Unten ist mein code. Vielen Dank im Voraus.

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 ist eine Referenz in der html, die ich habe durch.

var attachpoint=document.querySelector('.buttonAttachPoint');
InformationsquelleAutor Some Guy Really | 2013-03-29
  1. 1

    document.getElementById wird das element durch ID nicht Klasse?

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

ajaxLoaddiv.append(img).appendTo(attachPoint);
ajaxLoaddiv.show();
    • Das ist großartig!!! Funktioniert wie ein Charme!!Vielen Dank, Mann....
    InformationsquelleAutor adeneo
  2. 2

    Ihnen gab es class='LoadingImage', aber nicht id='LoadingImage' und später abzurufen es mit getElementById("LoadingImage"). Fügen Sie einfach die id Attribut.

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

    Aber wenn du schon mit jQuery, Sie könnte genauso gut verwenden Sie es auch hier.

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

    ...Und konnte daher leichter Zugriff durch Klasse (vorausgesetzt, dies ist das einzige element mit der Klasse LoadingImage), wenn Sie bevorzugen:

    $('.LoadingImage').css('display', 'block');
    InformationsquelleAutor Michael Berkowski
  3. 1

    verwenden:

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

    Wenn Sie möchten, eine jQuery Lösung 🙂

    Auch, du hast einen Klasse Namen und nicht die ID des Elements

    InformationsquelleAutor What have you tried
Schreibe einen Kommentar