javascript - 使用html :select tag as replacement for id in javascript document. getElementById 'property'的[''属性]

Question

我正在研究 Struts 1.1 框架。在 JSP 页面中，我使用 <html:select property="something">标签。

我的疑问:在 javascript 中，我们通常通过使用元素的 id 属性作为标识符来将一些属性应用于元素。
例如。
html = <p id="x"></p>
JavaScript = document.getElementById['x'].style.display = "block";

我正在对这段代码进行逆向工程，由于我的应用程序非常庞大，由于某些原因，我无法清楚地确定是否可以使用struts标签的property属性来代替id识别它。
例如。
struts 标签 = <html:select property="abc"></html:select>
JavaScript = document.getElementById['abc'].style.display = "block";

(请注意，我知道我们可以在 struts 标签中使用 styleId 属性来定义 id。我只是想知道这种方式是否可行)

Answer 1

看一下从这些页面之一渲染的 html，您会发现对于输入，struts 标记中的 property 会变成渲染的 html 中的 name标签。

如果您想将 id 属性添加到从 struts 标记呈现的 html 标记中，请尝试在 struts 标记中添加 styleId 属性。例如:

<html:select property="abc" styleId="abc123"> ... </html:select>

渲染到:

<select name="abc" id="abc123"> ... </select>

请注意，styleId 可以与property 相同。您还可以在 JavaScript 中通过名称而不是 id 获取元素，但由于 id 应该是唯一的，而名称不是，因此您必须处理元素数组。