[英]LitElement how to find out width of an element
如何在 Lit-Element 中找到 HTML 元素的寬度,我無法找到如何使用 @query
import { LitElement, html, query } from 'lit-element';
class MyElement extends LitElement {
@query('#first')
first;
render() {
return html`
<div id="first">I want to know the size of this div</div>
<div id="second">and set size to this div</div>
`;
}
}
您可以使用window.getComputedStyle()函數來獲取任何元素的寬度和任何其他 CSS 屬性。
import { LitElement, html, query } from 'lit-element';
class MyElement extends LitElement {
render() {
return html`
<div id="first">I want to know the size of this div</div>
<div id="second">and set size to this div</div>
`;
}
updated() {
const elem = this.shadowRoot.querySelector('#first');
this._width = getComputedStyle(elem).getPropertyValue('width');
console.log(this._width);
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.