Elementstil für Pseudo Klonen in jQuery

Das Problem

Stellen Sie sich vor, Sie haben ein Span -Element, das Text enthält, und möchten einen Texteingang erstellen, der seinem Aussehen entspricht. Wie replizieren Sie die Stile zwischen diesen Elementen mit JQuery?

vorhandene Ansätze

Eine Methode besteht darin, alle möglichen CSS -Eigenschaften manuell aufzulisten und ihre Werte mit der CSS -Methode von JQuery abzurufen. Dieser Ansatz ist jedoch zeitaufwändig und fehleranfällig aufgrund der großen Anzahl der verfügbaren Stile.

Eine umfassende Lösung

Einführung des jQuery.getStyleObject-Plugins, ein umfassendes Tool, das alle möglichen berechneten Stile für ein Element abruft. Dieses Plugin beseitigt die Notwendigkeit, Eigenschaften manuell aufzulisten, und sorgt für die Kompatibilität mit allen Browsern, einschließlich älterer Browser wie IE.

Implementierung

, um das Plugin zu verwenden, rufen Sie einfach GetStyleObject über das gewünschte Element:

var style = $("#element").getStyleObject();

$ (& quot;#cloned_element & quot;). Gewährleistung der Kompatibilität für die Cross-Browser. Styles:

$("#cloned_element").css(style);