동적테이블 속성도 복사
작성자 : 김영철
등록날짜 : 2009.01.29 16:52
잠이 안와 밤을 꼴딱 샛네요 ㅜㅜ.
이것도 팁이 될라나... 너무 간단해서... 안면몰수하고 올려봅니다.
테이블의 동적 추가에 속성까지 모두 복사 됩니다.
ajax게시판 만들때 javascript 안에 태그 넣으려니 영 찝찝해서 이 방식으로 해볼까 싶어
질문란에 올렸는데 스스로 해결을 하게됐네요.
소스는 아래와 같습니다.
<script language="javascript">
function rowCopy(){
var tbl = document.getElementById("tbl");
var node = {};
node = document.getElementById("tbl").firstChild.cloneNode(1);
document.getElementById("tbl").appendChild(node);
}
</script>
<a href="javascript:rowCopy();">복사</a>
<table border=1 id="tbl">
<tr>
<td bgcolor="#EEEEEE" style="border:'1 solid #777777'">아싸</td>
<td bgcolor="yellow" >거시기</td>
<td bgcolor="gray">잘될까</td>
<td bgcolor="green">잠안자고</td>
<td bgcolor="blue">했는데</td>
<td bgcolor="orange">잘되겠지?</td>
</tr>
</table>
이것도 팁이 될라나... 너무 간단해서... 안면몰수하고 올려봅니다.
테이블의 동적 추가에 속성까지 모두 복사 됩니다.
ajax게시판 만들때 javascript 안에 태그 넣으려니 영 찝찝해서 이 방식으로 해볼까 싶어
질문란에 올렸는데 스스로 해결을 하게됐네요.
소스는 아래와 같습니다.
<script language="javascript">
function rowCopy(){
var tbl = document.getElementById("tbl");
var node = {};
node = document.getElementById("tbl").firstChild.cloneNode(1);
document.getElementById("tbl").appendChild(node);
}
</script>
<a href="javascript:rowCopy();">복사</a>
<table border=1 id="tbl">
<tr>
<td bgcolor="#EEEEEE" style="border:'1 solid #777777'">아싸</td>
<td bgcolor="yellow" >거시기</td>
<td bgcolor="gray">잘될까</td>
<td bgcolor="green">잠안자고</td>
<td bgcolor="blue">했는데</td>
<td bgcolor="orange">잘되겠지?</td>
</tr>
</table>
출처 : Tong - 드렁크수달스님의 ■ AJAX ■통
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|