anonDOMI.xml

<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <binding id="demo">
    <content>
      <html:div anonid="foo">
        <html:span anonid="fooHi">Hi</html:span>
      </html:div>
      <html:div anonid="bar">
      </html:div>
    </content>
    <implementation>
      <constructor>
      <![CDATA[
      // show this
      console.log(this);

      // getAnonymousNodes
      const bindingChildNodes = document.getAnonymousNodes(this);
      console.log(bindingChildNodes);

      // getAnonymousElementByAttribute
      const barElm = this.ownerDocument.getAnonymousElementByAttribute(this, "anonid", "bar");
      const fooHiElm = document.getAnonymousElementByAttribute(this, "anonid", "fooHi");
      console.log(barElm);
      console.log(fooHiElm);

      // getBindingParent
      const barBindingParent = document.getBindingParent(barElm);
      const fooHiBindingParent = document.getBindingParent(fooHiElm);
      console.log(barBindingParent === fooHiBindingParent); // true
      console.log(barBindingParent === this); // true
      ]]>
      </constructor>
    </implementation>
  </binding>
</bindings>