2012-04-05 4 views
0

Ich habe ein Problem, und ich habe diesen Testcode erstellt, um Ihnen mein Problem zu zeigen.Warum kann ich die Stile meines HTML-Elements nicht mithilfe von JavaScript ändern?

Was ich tun möchte, ist die Stile der ID zu ändern. Aber aus irgendeinem Grund funktioniert es nicht.

Ich weiß nicht, was passiert und ich brauche deine Hilfe wirklich. Vielen Dank.

+1

Sie sollten die ganze Sache veröffentlichen. Niemand wird dir dabei helfen. Und IMHO ist das stackoverflow Frage. – Miro

+0

1-du weißt nicht, ob jemand mir helfen könnte ... und 2-ich dachte, das war der richtige ort, denn der titel sagt "webmaster" nicht "mach web design fragen auf stackoverflow". ;) –

+2

lesen Sie die FAQ: "Bitte beachten Sie, dass, wenn Ihre Frage über detaillierte HTML, JavaScript oder CSS-Codierung ist, könnte es besser in Stack Overflow passen. Wir bevorzugen Fragen über Probleme oder Probleme, die ganze Websites betreffen." – Miro

Antwort

1

In Ihrem ursprünglichen Code, den Sie auf die JavaScript-Eigenschaften als Methoden ... falsch beziehen, werden

// ORIGINAL/INCORRECT CODE 
// x.style.fontSize('20px'); 
// x.style.fontFamily('arial'); 
// x.style.color('#008080'); 
// x.style.border('10px solid #000'); 

Korrigierte ...

// CORRECTED 
// These are properties, NOT methods. 
x.style.fontSize = '20px'; 
x.style.fontFamily = 'arial'; 
x.style.color = '#008080'; 
x.style.border = '10px solid #000'; 
1

Gemessen am Bild Ihres Codes, den Sie gepostet haben (http://jsfiddle.net ist eine bessere Option für diese Art von Sache), ist Ihr JavaScript falsch.

x.style.fontSize('20px'); 

Das style Objekt auf HTML-Elemente haben keine FunktionfontSize genannt, es ist ein propertyfontSize genannt hat. Sie weisen Ihren gewünschten Wert wie folgt zu:

x.style.fontSize = '20px'; 

Wenn Sie Ihren ursprünglichen Code z. Bei Chrome mit sichtbarer JavaScript-Konsole (Ansicht> Entwickler> JavaScript-Konsole) sollte beim Ausführen des ursprünglichen Codes ein Fehler angezeigt werden.

+2

Hier ist ein funktionierender [JSFiddle] (http://jsfiddle.net/RkHpg/), der zeigt, wie er aussehen sollte. – ShadowScripter

0

Diese Stilattribute sind Eigenschaften diese Methoden nicht. Das heißt, es sollte nicht x.style.fontSize('20px') sein, sondern x.style.fontSize = '20px'.

Verwandte Themen