#Element

MainThread.Element 代表一个元件。你可以在主线程脚本中访问或修改元件的属性。

#实例方法

#Element.getAttribute()

获取元件的指定属性值。如果元件没有指定属性，返回 undefined。

const value = element.getAttribute(attrName);

#Element.getAttributeNames()

获取元件的属性名的数组。

const nameArray = element.getAttributeNames();

#Element.invoke()

异步调用元件的方法。返回一个 Promise。当元件的方法成功完成，Promise 会被 resolve，并且返回元件的方法的返回值。如果元件的方法调用发生异常，Promise 会被 reject，并返回一个 Error 对象，其 message 描述了错误的详细信息。

const result = await element.invoke(methodName, params?);

#Element.setAttribute()

设定元件的指定属性。

element.setAttribute(attrName, value);

#Element.setStyleProperty()

设定元件的指定样式。样式名需为 kebab-case。

element.setStyleProperty(styleName, value);

#Element.setStyleProperties()

使用可以包含多个“样式名: 样式值”记录的对象设定元件的指定样式。样式名需为 kebab-case。

element.setStyleProperties(styleProperties);

#Element.querySelector()

在元件的子元件中查找第一个满足指定选择器的元件。返回一个 MainThread.Element。如果没有满足要求的元件，返回 null。支持的选择器列表见 selector。

const element = element.querySelector(selector);

#Element.querySelectorAll()

在元件的子元件中查找所有满足指定选择器的元件。返回一个 MainThread.Element 的数组。如果没有满足要求的元件，返回空数组。支持的选择器列表见 selector。

const elementArray = element.querySelectorAll(selector);

#Element.animate()

在元件上启动一个动画。返回一个 Animation 对象。具体用法见Element.animate()。

const animation = element.animate(keyframes, options);

#兼容性

LCD tables only load in the browser