javascript dom_javascript 스킬의 기본 동작 요약

자주 발생할 수 있으므로 다음과 같이 정리합니다.
1. dom 요소 생성
2. dom 요소 삽입
3. dom 요소 삭제 dom 요소

우선 페이지에 간단한 dom 요소가 있습니다
<div id="wrap">
　<div id="a">aaaaaaaa</ div>
<div id="b">bbbbbbbb</div>
　<div id="c">cccccccccc</div> div 요소, js 코드를 만듭니다.
div_d.innerHTML = "dddddddd"
div_d.id = "d"/ /innerText는 여기에서 사용되지 않습니다.
그런 다음 DOM 요소에서 ID가 B인 div 앞에 ID가 d인 생성된 div를 삽입합니다.
var div_wrap = document.getElementById( 'wrap');
var div_b = document.getElementById('b');
div_wrap.insertBefore(div_d,div_b)
id가 Wrap인 하위 요소 바로 뒤에 삽입하면
div_wrap.insertBefore( div_d,null);

div_b가 교체되면 다음과 같습니다.
div_wrap.replaceChild(div_d,div_b)
마지막으로; 요소 ID가 b .parentNode.removeChild(div_b)인 지정된 div
div_b를 삭제합니다.
또는
document.body.removeChild(div_b)
파생된 메서드와 애플리케이션이 많을 수 있습니다. 앞으로는 계속 쓰지 않겠습니다