Css 如何在basicContainerNode旁边添加glyphicon？

这是我的xPage，其中有一个下拉列表（basicContainerNode），它是一个用户名。我只想在标签旁边添加一个图标。假设我需要将其添加到图像属性，但不需要添加到标签

<xe:this.navbarUtilityLinks>
   <xe:basicContainerNode>
      <xe:this.label><![CDATA[#{javascript:var currentUserName:NotesName = session.createName(session.getEffectiveUserName());
        return "<span class='glyphicon glyphicon glyphicon-user' style='margin-right: 1em;'></span>" + currentUserName.getAbbreviated();}]]>
      </xe:this.label>

   <xe:this.children>
      <xe:loginTreeNode rendered="false"></xe:loginTreeNode>
      <xe:basicLeafNode title="Logout" submitValue="appLogout" label="Logout"></xe:basicLeafNode>
   </xe:this.children>
   </xe:basicContainerNode>
</xe:this.navbarUtilityLinks>

---

basicContainerNode的标签只能是纯文本

从标签中删除跨度零件，并将以下事件添加到XPage：

<xp:eventHandler
    event="onClientLoad"
    submit="false">
    <xp:this.script><![CDATA[dojo.query('.dropdown .dropdown-toggle').forEach(function(e){
        var spanNode = document.createElement("span");              
        spanNode.className = 'glyphicon glyphicon-user';
        spanNode.style.marginRight='1em';
        e.insertBefore(spanNode, e.firstChild);
    })]]></xp:this.script>
</xp:eventHandler>

它搜索类“dropdown”+“dropdown toggle”，并插入带有类“glyphicon glyphicon user”和样式“margin right:1em”的跨度元素

这样，您可以在用户名之前获得用户图标：

---

basicContainerNode的标签只能是纯文本

从标签中删除跨度零件，并将以下事件添加到XPage：

<xp:eventHandler
    event="onClientLoad"
    submit="false">
    <xp:this.script><![CDATA[dojo.query('.dropdown .dropdown-toggle').forEach(function(e){
        var spanNode = document.createElement("span");              
        spanNode.className = 'glyphicon glyphicon-user';
        spanNode.style.marginRight='1em';
        e.insertBefore(spanNode, e.firstChild);
    })]]></xp:this.script>
</xp:eventHandler>

它搜索类“dropdown”+“dropdown toggle”，并插入带有类“glyphicon glyphicon user”和样式“margin right:1em”的跨度元素

这样，您可以在用户名之前获得用户图标：