javascript - 如何将div组件设置为javascript函数的参数？

Question

我有这个代码:

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

<composite:interface>
</composite:interface>

<composite:implementation>

    <div id="zarf"></div>

    <script type="text/javascript">
         create();

    </script>

</composite:implementation>

</ui:composition>

我想将div设置为创建函数的参数。

我该怎么做？

Answer 1

如果您想将实际的 DOM 元素传递给函数，您可以通过它的 id 属性提取它:

var element = document.getElementById( "zarf" );
create( element );

确保您的 create() 函数需要一个参数:

function create( param ) {
  ...
}

引用 - document.getElementById()

<小时/>

根据 create 函数的实现，仅传递相关 id 的值并让该函数执行 getElementById 可能更有意义() 调用:

function create( element_id ) {
  var element = document.getElementById( element_id );
  ...
}    

create( "zarf" );