TAG appendChild,
createElement,
getElementById,
getElementsByTagName,
insertBefore,
javascript,
replaceChild,
자바스크립트
자바스크립트 createElement, insertBefore, replaceChild, appendChild 다루기 샘플<html>
<div id = "a">
<div id=a1><div>a1</div></div>
<div id=a2><div>a2</div></div>
<div id=a3><div>a3</div></div>
<div id=a4><div>a4</div></div>
<div id=a5><div>a5</div></div>
</div>
<script>
newobj = document.createElement( "div");
newobj.innerHTML = '<div>b</div>';
newobj2 = document.createElement( "div");
newobj2.innerHTML = '<div>c</div>';
divobjs = document.getElementsByTagName( "div");
//divobjs[2].parentNode.appendChild( newobj);
document.getElementById('a').insertBefore(document.getElementById('a3'), document.getElementById('a2'));
document.getElementById('a').replaceChild(newobj, document.getElementById('a3'));
document.getElementById('a').appendChild(newobj2);
//alert(document.getElementById('a').innerHTML);
</script>
</html>
<div>a1</div>
<div>a2</div>
<div>a3</div>
<div>a4</div>
<div>a5</div>
(0) 
(0)
Copyright ⓒ
댓글을 달아 주세요