如何在javascript中檢索複合組件中的元素？

Question

我希望能夠訪問javascript內複合組件中的元素。由於頁面上可能有多個此組件的實例。如何訪問該組件的特定實例中的某個特定元素？

<ui:component 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:cc="http://java.sun.com/jsf/composite" 
    xmlns:p="http://primefaces.org/ui"> 

    <cc:implementation> 
     <script type='text/javascript'> 
      function getAddedTagsInputField(){ 
       return ...; 
      }    
     </script>   
     ... 
     ...   
     ... 
     <h:inputHidden id="tagsToAdd_in" /> 
    </cc:implementation> 

</ui:component> 

Answer 1

讓JSF動態地打印元素的客戶端ID。您可以使用#{cc.clientId}來獲取組合本身的客戶端ID，然後將JSF組件的ID添加到其中。

var hiddenElement = document.getElementById("#{cc.clientId}:tagsToAdd_in");