Heim > Web-Frontend > js-Tutorial > Der Unterschied zwischen Font-Weight und FontWeight in JavaScript

Der Unterschied zwischen Font-Weight und FontWeight in JavaScript

黄舟
Freigeben: 2017-07-22 13:23:30
Original
3721 Leute haben es durchsucht

Heute habe ich herausgefunden, wie man den CSS-Stil eines Elements über JS festlegt. Der Code lautet wie folgt:

var js = document.getElementById('test-p');
js.style['font-weight'] = 'bold';
Nach dem Login kopieren

Dann habe ich einen sehr seltsamen Ort entdeckt. . Wir können

console.log(js.style.fontWeight);
console.log(js.style['font-weight']);
console.log(js.style['fontWeight']);
Nach dem Login kopieren

verwenden, um die Fettschrift vor der Konsolenausgabe festzulegen, oder wir setzen js.style.fontWeight = 'bold', selbst wenn wir {font-weight direkt in CSS:bold} festlegen Sie können auch die oben genannten drei Methoden verwenden, um den eingestellten Fettdruck auf der Konsole auszugeben.

Wenn das Attribut „font-weight“ nicht in der Objektausgabe von console.log(js.style); gefunden wird, darf ich fragen, warum das so ist und warum wir „font-weight“ haben ' und 'fontWeight' scheinen 'äquivalent' zu sein. Neulinge sagten, sie seien völlig verwirrt. Vielen Dank für Ihre Antworten.

In JS steht „-“ für den Subtraktionsoperator. Daher stellt „font-weight“ Schriftart minus Gewicht dar, und test-p ist äquivalent zu test minus p.

Dies ist die Kamel-Schreibweise
js.style.font-weight

oder Stil ['property']

Als Browser-Skript muss Javascript natürlich in der Lage sein, Dinge wie CSS zu manipulieren

Hier gibt es ein Problem: Viele Eigenschaften von CSS verwenden - als Verbindungsnummer und in Javascript als Objekte. Es darf niemals ein Minuszeichen im Attribut stehen

Der clevere Autor hatte also einen Geistesblitz: Warum nicht die Benennung in Groß- und Kleinschreibung verwenden, um auf CSS zuzugreifen? Attribute in js, damit es nicht zu frustrierend aussieht

Von nun an können Sie beim Zugriff auf CSS-Eigenschaften entweder die Groß-/Kleinschreibung verwenden oder Minuszeichen verwenden, um Namen zu verbinden

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Font-Weight und FontWeight in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage