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

时间:2013-02-27 19:56:44

标签: javascript html forms gsp

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

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

1 个答案:

答案 0 :(得分:0)

在输入字段中添加一个类(比如'错误'),如果该字段有错误并为类'错误'提供css样式。