01 |
// 실행전 |
02 |
<td class="td_numbig text_right"> |
03 |
<button id="search" onclick="completion(this);">실행 중</button> |
04 |
</td> |
05 |
|
06 |
|
07 |
// 실행 후 |
08 |
<td class="td_numbig text_right"> |
09 |
완료 |
10 |
</td> |
completion 함수를 호출 하게 되면 기존 button html을 삭제하고 '완료'라는 글자를 생성하고 싶습니다.
1 |
//제가 고안한 방법 |
2 |
|
3 |
function completion(el) { |
4 |
el.replaceChild(document.createTextNode("완료"), el.childNodes[0]); |
5 |
} |
6 |
|
이렇게 하면 text는 변경되지만 버튼은 삭제가 안되더군요 ㅠㅠ
혹시 방법이 있을까요?
jquery 쓰지 않고 순수 javascript로 구성하고 싶습니다.!!!!
td 안의 내용 지우고 '완료' 글자 넣으면 되는것 아닌가요?
상대적으로 위치를 잡는다면 this.parent 하면 td 위치로 잡힐거구요.
아니면 td 의 class를 타겟으로 잡아도 됩니다.