areas, controlRange 혹은 options 컬렉션에 새로운 엘레멘트를 추가한다.

인수/파라메터
oVal
필수요소이고, 컬렉션에 추가되는 엘레멘트를 지정한다.
index
선택적 요소이고, 정수값 인수로 추가되는 엘레멘트의 위치를 지정한다.
인수값이 지정되지 않으면 컬렉션의 제일 뒤에 추가된다.
반환값

반환값은 없다.

특기

엘레멘트를 컬렉션에 추가하기 위해서는 먼저 createElement 메서드로 개체를 생성하여야 한다.

이 메서드에 의한 엘레멘트의 추가는 문서의 로딩이 완료되었을 때만 가능하다.

이 메서드가 인라인에 적용되면 런타임 오류가 발생된다.

적용
개체scriptIE
참조
remove

이 메서드는 (영어)DOM Level 1(Document Object Model Level 1)에서 정의되었다.


select 개체에 새로운 Option 선택사항을 추가한다.

<SCRIPT>
function addit(){
  var obj=document.myForm.selObj;
  var addedOpt=document.createElement('OPTION');
  obj.add(addedOpt);
  addedOpt.innerText='추가된 항목'+obj.length;
  addedOpt.value='추가된 항목'+obj.length;
  addedOpt.selected=true;
  obj.focus();
  alert('['+obj[(obj.length-1)].text+'] 추가 완료');
}
</SCRIPT>

<FORM name="myForm" action="http://koxo.com/lang/js/object/exp/xsubmit.cgi">
<SELECT name="selObj">
<OPTION value="선택 항목 1">당초 선택 항목</OPTION>
</SELECT>
<BUTTON onClick="addit()">선택 항목 추가</BUTTON>
<INPUT type=submit value="송신">
</FORM>
<SCRIPT>
var newOption=document.createElement('OPTION');
myForm.selObj.options.add(newOption);
newOption.innerText='자동 추가 선택 항목';
newOption.value='선택 항목 2';
</SCRIPT>