createElement, insertBefore, replaceChild, appendChild
참고/JavaScript : 2008/09/22 10:21
출처 : http://hompy.info/439
자바스크립트 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>
자바스크립트 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>b</div>
<div>a2</div>
<div>a4</div>
<div>a5</div>
<div>c</div>
TAG appendChild,
createElement,
getElementById,
getElementsByTagName,
insertBefore,
JavaScript,
replaceChild
Trackback Address :: http://jjangu.pe.kr/blog/trackback/525
