js

- document.createElement()

 

- appendChild()

 

---

 

 

<select 태그>

 

속성

 

- select태그에서 선택된 option혹은 다른 태그들의 인덱스를 구하기

 

  const index = seletedIndex;

 

 

---

 

<option 태그>

 

속성

 

- 해당 인덱스 값에 해당하는 option의 value 구하기

 

   const value = options[index].value;

 

- 선택된 option의 인덱스를 구하기

 

- options[index]

 

- option들을 전체선택할때는 for문을 돌려서 해야함

 

   이 때, 왼쪽에서 선택한 option들을 오른쪽 selet박스로 옮기는 예제에서는

 

   for문안에서 값을 삽입, 삭제할때의 index값은 0으로 고정해야함 

 

---

 

 

<출력>

 

innerHTML

 

<br> 같은 태그가 있을 때

 

contentTEXT

 

문자열만 있을때

 

<값 가져올때>

 

태그로 가져오기

 

document.querySeletor(태그이름);

 

아이디로 가져오기

 

 document.querySeletor("#id");

 

클래스로 가져오기

 

 document.querySeletor(".class");

 

name으로 가져오기

 

 document.name;

 

---

<속성주기>

 

setAttribute("속성", function());  // function(this) 해당 속성값 이벤트를 발생시킨 객체