javascript - JSF 用户界面 :include and getElementById

Question

我正在编写 ui:composition xhtml 文件以使用 ui:include 包含在不同的页面中。看起来我无法使用 getElementById 引用此文件中 javascript 中的标签，因为标签 id 可能会在父页面的表单 id 前面加上。有解决办法吗？

我发布问题后找到了这个答案。有帮助!
Acquire full prefix for a component clientId inside naming containers with JSF 2.0

Answer 1

你可以这样做:

var elem = document.querySelector( '[id$="-test"]' );

哪里test是不带前缀的 ID，-是前缀分隔符。

上面的代码将选择“id”属性以 "-test" 结尾的元素(例如 <div id="form1-test">...</div> )。

现场演示: http://jsfiddle.net/8kyb2/

请注意querySelector()与 attribute-ends-with 选择器配对执行速度比 getElementById() 慢.