動態頁面創建 - 使用JavaScript更改元素屬性

Question

我是JavaSscript的新手。我有一個Java應用程序，它顯示了一個簡單的Web表單（實際上是一個基於Groovy的gsp）的jsp。 gsp遍歷一些Java對象（形式爲'questions'），並根據POJO的類型（例如'textfield'或'radiogroup'等）在頁面上顯示相關的HTML元素。如A位：

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風格，則向輸入字段添加一個類（說'錯誤'）。