내 자바 스크립트가 작동하지 않는 이유를 이해하지 않는 자바 스크립트

Question

로 폼 요소를 참조하십시오 ... 모든 것을 좋아하지만 보이는 ...

<form id = "lol" method="get" name="lol" action="" style="display:inline; vertical-align:middle"> 
    <table style="display:inline; vertical-align:middle"> 
     <tr> 
      <td style="width:80%"> 
       xxx 
      </td> 
      <td> 
       <select name="A"> 
        <option value="xxx">xxx</option> 
        <option value="xxx">xxx</option> 
        <option value="xxx">xxx</option> 
       </select> 
      </td> 
      <td> 
       <input type="submit" value="Valider"/> 
       <input type="hidden" name="B" value=""/> 
       <input type="hidden" name="C" value=""/> 
      </td> 
     </tr> 
    </table> 
</form> 

그리고 내 자바 스크립트 :

<script> 
var form=document.getElementById("lol"); 
form.elements['A'].value="xxx"; 
</script> 

양식을 요소가 발견되지 않았습니다 ...

Answer 1

이후에 을 실행해야합니다. 해당 DOM 요소가 작성되었습니다. 그렇게하면 코드가 작동합니다.

당신은 (아래 그림 참조) 중 하나

1. 하여 문서의 요소 후 코드를 넣는 것을 보장 할 수 있습니다, 또는

2. 이벤트의 load 또는 ready 스타일을 사용.

Live example

<form id = "lol" method="get" name="lol" action="" style="display:inline; vertical-align:middle"> 
    <table style="display:inline; vertical-align:middle"> 
     <tr> 
      <td style="width:80%"> 
       xxx 
      </td> 
      <td> 
       <select name="A"> 
        <option value="xxx">xxx</option> 
        <option value="xxx">xxx</option> 
        <option value="xxx">xxx</option> 
       </select> 
      </td> 
      <td> 
       <input type="submit" value="Valider"/> 
       <input type="hidden" name="B" value=""/> 
       <input type="hidden" name="C" value=""/> 
      </td> 
     </tr> 
    </table> 
</form> 
<script> 
    var form=document.getElementById("lol"); 
    form.elements['A'].value="xxx"; 
</script>