html - 元素的动态 ID
问题描述
我用相同的字段、选项卡和复选框打开对象 X 和 Y。为什么复选框或其他元素的 ID 不同?什么是 gwt-uid(number)?请检查附件。
<!-- Checkbox gwt-uid-1337 / client segment / collateral X -->
<span class="v-checkbox v-widget webdp-ui-checkbox v-checkbox-webdp-ui-checkbox" id="synchronizationCollateral">
<input type="checkbox" value="on" id="gwt-uid-1337" tabindex="0"><label for="gwt-uid-1337"></label></span>
<label for="gwt-uid-1337"></label>
<!-- Checkbox gwt-uid-1824 / same client / collateral Y -->
<span class="v-checkbox v-widget webdp-ui-checkbox v-checkbox-webdp-ui-checkbox" id="synchronizationCollateral">
<input type="checkbox" value="on" id="gwt-uid-1824" tabindex="0"><label for="gwt-uid-1824"></label></span>
<label for="gwt-uid-1824"></label>
<!-- Tab ITEM (collateral provider) gwt-uid-2054 / same client / collateral X -->
<td class="v-tabsheet-tabitemcell" role="tab" aria-selected="false" tabindex="-1" aria-labelledby="gwt-uid-2054" aria-disabled="false">
<div class="v-tabsheet-tabitem">
<div class="v-caption" id="gwt-uid-2054" style="width: 148px;">
<div class="v-captiontext">Collateral provider</div></div></div></td>
<!-- Tab ITEM (collateral provider) gwt-uid-2281 / same client / collateral Y -->
<td class="v-tabsheet-tabitemcell" role="tab" aria-selected="false" tabindex="-1" aria-labelledby="gwt-uid-2281" aria-disabled="false">
<div class="v-tabsheet-tabitem">
<div class="v-caption" id="gwt-uid-2281" style="width: 148px;">
<div class="v-captiontext">Collateral provider</div></div></div></td>
解决方案
GWT
GWT代表Google Web Toolkit是一个用于创建 RICH Internet Applications 的开发工具包。从广义上讲,GWT 是一个框架,用于构建大规模和高性能的 Web 应用程序,同时保持它们易于维护。
特征
一些显着的特点:
- GWT 为开发人员提供了用 JAVA 编写客户端应用程序的选项。
- GWT 将用 JAVA 编写的代码编译为 JavaScript 代码。
- 用 GWT 编写的应用程序是跨浏览器兼容的。GWT 自动生成适合每个浏览器的 javascript 代码。
由于GWT生成适用于每个浏览器的 javascript 代码,因此元素属性本质上是动态的。因此,您会看到id
属性的值附加了一个随机数,例如:
gwt-uid-1337
gwt-uid-1824
gwt-uid-2054
推荐阅读
- sql - 获得每个用户的最低价值
- flutter - 颤动文本和文本字段小部件中的自动文本方向(基于输入的文本)
- javascript - 如何在浏览器的网络选项卡中隐藏 XHR 请求
- reactjs - 一种不同且易于阅读的功能组件观察者实现
- c++ - 这个 SSDO 演示的 GLSL 版本要求是否自相矛盾?
- javascript - 如何将其上方具有动态 div 的 div 调整为剩余高度?
- c++ - 这段代码的最后一行是做什么的?
- python-3.x - 如何使用 BS4 抓取 Shopee 用户评论
- java - 在 IntelliJ 中使用 Spring Initializr - 来自 org.apache.zookeeper 的其他导入不起作用
- acumatica - 如何在 PXSelector 中显示文本?