개발 Q&A

제목 Button HTML을 삭제하고 TEXT 형식으로 교체하는 방법
카테고리 JavaScript
글쓴이 과학나라 작성시각 2019/01/25 15:36:41
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 240   RSS
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로 구성하고 싶습니다.!!!!

 다음글 선배님들! 코드이그나이터에서 제공하는 form_vali... (3)
 이전글 방금 댓글 확인 후 질문드립니다. 익스텐션 관련입니다. (1)

댓글

kaido / 2019/01/25 15:53:11 / 추천 0

td 안의 내용 지우고 '완료' 글자 넣으면 되는것 아닌가요?

상대적으로 위치를 잡는다면 this.parent 하면 td 위치로 잡힐거구요.

아니면 td 의 class를 타겟으로 잡아도 됩니다.