javascript - 无法在jsf应用程序中使用javascript获取html td元素

Question

在 JavaScript 中

 document.getElementById('myId');

这在 JSF 应用程序中不起作用。但是，如果我将生成的 HTML 保存在我的系统中并打开它，同样有效。

有什么帮助吗？

Answer 1

在为生成 HTML 的基于组件的 MVC 框架(如 JSF)编写 JavaScript 代码时，您不应关注基于组件的 MVC 框架的源代码，而应关注其生成的 HTML 输出。

如果您不能根据源代码事先知道这一点，那么您只需在您最喜欢的网络浏览器中打开该页面，然后右键单击该页面并选择查看源代码。您会看到生成的客户端 ID 前面加上了 UINamingContainer 的 ID。组件(如 h:form、h:dataTable 和 f:subView)。如果您没有为它们中的每一个指定一个 ID，您将获得一个自动生成的 ID，例如 j_id_xxxx。为了简化工作，您需要为它们指定一个 ID。例如

<h:form id="form">

另见 this blog article获取更多信息和提示。 This blog article了解更多有关 Java/JSP/JSF 和 JavaScript 之间的壁垒的信息也可能很有用。