Der Unterschied zwischen Font-Weight und FontWeight in JavaScript

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

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

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!