javascript - 动态页面创建 - 使用 JavaScript 更改元素属性

Question

我是 JavaScript 新手。我有一个 Java 应用程序，它显示一个 jsp，它是一个简单的 Web 表单（实际上是一个 gsp，它基于 Groovy）。gsp 遍历一些Java 对象（形式'questions'）并根据POJO 的类型（例如'textfield' 或'radiogroup' 等）在页面上显示相关的HTML 元素。有一点像：

javaObjectsMap.foreach
    if(object.type == 'textfield')
        <input="text" id="object.id">
    if(object.type == 'radiogroup')
        <input="radio" id="object.id">
    ...etc etc.

我遇到的问题是，如果该问题有错误，我想将任何文本框的边框颜色更改为红色。我可以很好地测试错误（使用 Grails<g:if>标记），并且可以使用以下内容手动更改元素的边框 - 但前提是我对元素的 ID 进行了硬编码：

document.getElementById(myElementId).style.borderColor="#FF0000"

有没有办法myElementId在运行时找到？我希望这是有道理的。

Answer 1

如果该字段有错误，则向输入字段添加一个类（例如“错误”）并为“错误”类提供 css 样式。