javascript dom_javascript 스킬의 기본 동작 요약
- WBOY원래의
- 2016-05-16 18:29:44856검색
자주 발생할 수 있으므로 다음과 같이 정리합니다.
1. dom 요소 생성
2. dom 요소 삽입
3. dom 요소 삭제 dom 요소
우선 페이지에 간단한 dom 요소가 있습니다
aaaaaaaa
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)
파생된 메서드와 애플리케이션이 많을 수 있습니다. 앞으로는 계속 쓰지 않겠습니다
bbbbbbbb
cccccccccc
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)
파생된 메서드와 애플리케이션이 많을 수 있습니다. 앞으로는 계속 쓰지 않겠습니다
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.