XBL バインドされた XUL 要素にアクセスしようとしています。javascriptから制御したい。
これがバインディングです。
<binding id="imip-throbber">
<resources>
<stylesheet src="chrome://lightning/skin/lightning-widgets.css"/>
</resources>
<content pack="center" align="center">
<xul:image anonid="loading-throbber" src="chrome://global/skin/icons/loading_16.png" hidden="false"/>
</content>
</binding>
これはCSSバインディングです
imip-throbber {
-moz-binding: url(chrome://lightning/content/lightning-widgets.xml#imip-throbber);
}
これはxulの実装です
<
lightning-notification-bar id="imip-bar"
collapsed="true"
insertbefore="msgHeaderView"
label="&lightning.imipbar.description;">
<button id="imip-button1"
class="imip-button"
hidden="true"/>
<button id="imip-button2"
class="imip-button"
hidden="true"/>
<button id="imip-button3"
class="imip-button"
hidden="true"/>
<imip-throbber id="loading-lbl">
</lightning-notification-bar>
これはJavaScriptアクセスです
let imipThrobble = document.getElementById("loading-lbl");
そのJavaScript行の下のコードは実行されていないようです。要素にアクセスするには、バインディングに何かを追加する必要がありますか?