setSimpleElementStyle

[ Funktion ]

public static setSimpleElementStyle(
    element: Jquery<Element> | readonly Element[] | NodeListOf<Element> | HTMLCollectionOf<Element> | Element | undefined, 
    property: string, 
    values: string[] | null
): void;

Setzt auf eine CSS-Eigenschaft mehrere Werte bei einem oder mehreren HTML oder SVG-Elementen. Mehrere CSS-Werte für die gleiche Eigenschaft kann in seltenen Fällen bei vendor-Prefixen nötig sein. Aktiv bleibt der letzte diesem Browser als gültig bekannte Wert.

Parameter

Name

Typ

Beschreibung

element

Info: Typ Element unterstützt ab Version 1.10
Info: Typen Element[] | NodeListOf<Element> | HTMLCollectionOf<Element> ab Version 1.10.1171.21

JQuery<Element>, readonly Element[], NodeListOf<Element>, HTMLCollectionOf<Element>, Element, undefined

  • jQuery Collection mit den zu verändernden Elementen
  • beliebige Array-ähnliche Element-Liste (auch beispielsweise aus document.querySelectorAll() oder document.getElementsByClassName())
  • einzelnes Element, also beispielsweise HTML- oder SVG-Element.

property

string

Name der CSS-Eigenschaft

values

string[]

Gewünschte neue Werte der CSS-Eigenschaft. Der Wert null (nicht der String "null") löscht den aktuellen Wert.

Rückgabewert

Typ

Beschreibung

void

Kein Rückgabewert

setSimpleElementStyle 1:

Verfügbar ab Version 1.10

Beispiel - JavaScript

var control = TcHmi.Controls.get('TcHmiButton');
if(control === undefined){ 
    return; 
}
var cntrlElem = control.getElement();
TcHmi.StyleProvider.setSimpleElementStyle(
    cntrlElem,
    'display',
     ['-ms-flexbox', '-webkit-flex', 'flex']
);