如何从js获取zk元素ID

您正在运行到的问题是，在id你指定的ZUL元素（ZK标记）是不是一到一个与呈现的DOM元素的id。ZK这样做的原因有很多，但要注意的是，您需要在不知道其ID的情况下引用DOM元素。

ZK还通过提供一个JavaScript框架来简化此过程，他们将其称为“客户端编程”。

请查看ZK的客户端编程文档，特别是“如何在JavaScript中获取窗口小部件引用”一节。

在这里，您将看到ZK JavaScript API提供了

<zk xmlns:w="http://www.zkoss.org/2005/zk/client">
    <label id="titleBook"/>
    <button label="button"
            w:onClick="this.$f('titleBook').setValue('sean is cool')" />
</zk>

请注意，我定义的w命名空间是ZK的客户端库只是火客户端的onClick事件，我有机会获得this，该按钮组件。

听起来您可能正在使用Vanilla JS进行其他操作。

<zk>
    <script defer="true">
        jq("$titleBook").css('color', 'green');
        zk("$titleBook").setValue('sean is cool');
    </script>
    <label id="titleBook"/>
</zk>

在这里，我们利用ZK JavaScript API中的jq()和zk()全局变量。前者只是jQuery的$()，后者是ZK的对应物。区别在于jQuery函数返回jQuery对象，而后者返回ZK小部件。两者都进行了扩展以支持新的$CSS样式选择器，该样式选择器引用了ZK小部件ID（您在ZUL / Java中分配的ID）。