동적 페이지 생성 - JavaScript를 사용하여 요소 속성 변경

Question

JavaSscript를 처음 사용했습니다. 나는 자바 애플리케이션을 가지고있다. jsp는 간단한 웹 폼 (실제로는 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. 

내가 가진 문제는 내가 그 질문에 오류가있는 경우 빨간색으로 어떤 텍스트 상자의 테두리 색상을 변경할 것입니다. 나는의 (a Grails의 <g:if> 태그를 사용하여) 오류 미세을 테스트 할 수 있습니다, 나는 요소의 테두리를 변경 수동으로 에 다음을 사용할 수 있습니다 -하지만 하드 코딩 I 요소의 ID 경우 :

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

런타임에 myElementId을 찾을 수있는 방법이 있습니까? 나는 그것이 의미가 있기를 바랍니다.

Answer 1

필드에 오류가 있고 클래스 '오류'에 CSS 스타일을 지정하면 입력 필드에 클래스 ('오류')를 추가하십시오.