getSimpleElementStyle

[ Funktion ]

public static getSimpleElementStyle(
    element: Jquery<Element> | readonly Element[] | NodeListOf<Element> | HTMLCollectionOf<Element> | Element | undefined
): Dictionary<string>;

Gibt alle gesetzten CSS-Eigenschaften eines HTML-Elements zurück. Enthält das übergebene Objekt mehrere Elemente (wie bei einer jQuery Collection), so wird das erste Element genutzt.

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 dem zu prüfenden Element
  • beliebige Array-ähnliche Element-Liste (auch beispielsweise aus document.querySelectorAll() oder document.getElementsByClassName())
  • einzelnes Element, also beispielsweise HTML- oder SVG-Element.

Rückgabewert

Typ

Beschreibung

Dictionary<string>

 

Objekt mit allen CSS-Eigenschaften des ersten Elements in der jQuery Collection.

Gibt im Fehlerfall ein leeres Objekt zurück.

getSimpleElementStyle 1:

Verfügbar ab Version 1.8

Beispiel - JavaScript

var control = TcHmi.Controls.get('TcHmiButton')
if(control === undefined){ 
    return; 
}
var cntrlElem = control.getElement();
var allStyles = TcHmi.StyleProvider.getSimpleElementStyle(cntrlElem);
/* returns:
{
    'z-index': '0',
    'border-width': '0px',
    'height': '50px',
    'left': '164px',
    'top': '334px',
    'width': '100px'
}*/
TcHmi.Log.debug('Border Width is: '+ allStyles['border-width']);