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

时间:2014-03-11 11:18:44

标签: javascript

我有这段代码:

<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设置为创建函数的参数。

我该怎么做?

2 个答案:

答案 0 :(得分:2)

如果要将实际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" );

答案 1 :(得分:1)

function create(element)
{
...
}

然后简单地用div元素(它的DOM表示)作为参数调用它:

create(document.getElementById("zarf"));