Wie kann ich mit JavaScript Anbieterpräfixe effizient auf CSS-Eigenschaften anwenden?

Festlegen von Herstellerpräfixen für CSS mithilfe von Javascript

Das manuelle Anwenden von Herstellerpräfixen auf CSS-Eigenschaften kann mühsam sein. Das bereitgestellte Code-Snippet demonstriert diesen Prozess für die Transformationseigenschaft:

var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;

Gibt es eine effizientere Möglichkeit, dies zu erreichen, vorzugsweise mit einer einzigen Zeile JavaScript?

Lösung

Obwohl es keine bekannte Bibliothek gibt, die diese Aufgabe ausführt, ist das Erstellen einer benutzerdefinierten Funktion unkompliziert, da die Herstellerpräfixe in ihnen konsistent sind Syntax und Namen.

function setVendor(element, property, value) {
  element.style["webkit" + property] = value;
  element.style["moz" + property] = value;
  element.style["ms" + property] = value;
  element.style["o" + property] = value;
}

Diese Funktion kann dann verwendet werden, um herstellerpräfixierte Eigenschaften festzulegen:

setVendor(elem, 'transform', 'translate3d(0,0,0)');

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript Anbieterpräfixe effizient auf CSS-Eigenschaften anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!