2017-07-07 11 views
-3

Ich kann nicht finden, warum es diesen Fehler für das Leben von mir verursacht. Ich versuche, die Position von "Schlange" mit CSS unten und links in Javascript zu ändern. Hier ist mein Code:Kann Eigenschaft "Stil" von Null nicht lesen - Javascript

https://jsfiddle.net/9zewsf3x/2/

Das ist das, was die Fehler offenbar verursacht.

snakeObject.style.bottom = x_pos + "px"; 
snakeObject.style.left = y_pos + "px"; 
+2

Fragen Debug-Hilfe zu suchen ("**, warum nicht funktioniert dieser Code? **") muss das gewünschte Verhalten, ein * spezifisches Problem oder Fehler * und * der kürzeste Code, der notwendig ist, um ihn ** in der Frage selbst zu reproduzieren **. Fragen ohne ** eine klare Problemstellung ** sind für andere Leser nicht nützlich. Siehe: [Erstellen eines minimalen, vollständigen und überprüfbaren Beispiels] (https://stackoverflow.com/help/mcve). – Andreas

+0

Außerdem habe ich keinen Fehler in meiner Konsole, wenn ich deine Geige teste. – sjahan

+0

Mögliches Duplikat von [Warum findet jQuery oder eine DOM-Methode wie getElementById das Element nicht?] (Https://stackoverflow.com/questions/14028959/why-does-jquery-or-doma-meth-such- as-geelementbybid-not-find-the-element) – Andreas

Antwort

-3

Sie waren in der Nähe, was Sie

https://jsfiddle.net/tpc8ukgj/

dummy code block for stackoverflow 

Aber die Frage selbst war falsch, die Fehler Sie postet nicht auftreten erreichen wollte!

edit:

hier ist der relevante Teil, dass in Ihrem Skript fehlte:

snakeObject.style.bottom = (parseInt(snakeObject.style.bottom) - 1) + "px"; 

ParseInt die „px“ aus dem Wert, den Sie von Stil erhalten entfernen, so dass Sie eine weitere hinzufügen Pixel. Danach fügen Sie einfach "px" erneut hinzu und die Ganzzahl wird in eine Zeichenfolge umgewandelt, die mit dem Wert verkettet wird, den Sie benötigen.

+1

Bitte [vermeiden Sie Link nur Antworten] (http://meta.stackoverflow.com/tags/link-only-answers/info). Antworten, die "kaum mehr als ein Link zu einer externen Seite" sind [möglicherweise gelöscht] (http://stackoverflow.com/help/deleted-answers). (Die Tatsache, dass Sie einen "Dummy-Codeblock" benötigen, sollte ein sein Hinweis, dass Sie etwas falsch gemacht haben!) – Quentin

+0

Wenn Sie nicht genug Ruf haben, um zu kommentieren, dann kommentieren Sie nicht. Das Beantworten einer Frage mit einer Nicht-Antwort ist nicht der Weg. – Quentin

+0

Ich verstehe nicht, warum Sie Leute sind Diese Antwort ist sehr hilfreich. –

0

verwenden nur style.cssText

snakeObject.style.cssText = "left: 50px; right: 50px;" 
Verwandte Themen