setSimpleElementStyle

[ Funktion ]

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

Setzt mehrere CSS-Eigenschaften bei einem oder mehreren HTML oder SVG Elementen.

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

styles

Dictionary<string, string[], null>, null

Gewünschte neue Werte der CSS-Eigenschaft in einem Objekt. 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.8

Beispiel - JavaScript

var control = TcHmi.Controls.get('TcHmiButton');
if(control === undefined){
    return;
}
var cntrlElem = control.getElement();
TcHmi.StyleProvider.setSimpleElementStyle(cntrlElem,
    {
        'height': '42px',
        'width': '140px'
    }
);