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

问题描述:

我是JavaSscript的新手。我有一个Java应用程序,它显示了一个简单的Web表单(实际上是一个基于Groovy的gsp)的jsp。 gsp遍历一些Java对象(形式为'questions'),并根据POJO的类型(例如'textfield'或'radiogroup'等)在页面上显示相关的HTML元素。如A位:动态页面创建 - 使用JavaScript更改元素属性

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?我希望这是有道理的。

如果该字段有错误,并为类“错误”提供css风格,则向输入字段添加一个类(说'错误')。