여러 텍스트 상자 추가, 임의의 텍스트 상자 삭제

3657 단어
자세히 보기
구현 기능:
여러 텍스트 상자를 추가하고 텍스트 상자를 삭제하며 입력한 데이터를 보존합니다.
핵심 사항:
1. div의 id는 동적이어야 임의로div층을 삭제할 수 있습니다
2、appchild 방식을 사용하여 추가합니다. 그렇지 않으면div가 증가하면 이미 입력한 데이터가 없어집니다.
위조 코드는 다음과 같습니다.

//    
function addzh(){
	n = n+1;
	var template="
" + "
" + "
" + "" + "
" + "" + "
" + "" + "
" + "" + "
" + "
" + "
" + "" + "
" + "" + "
" + "" + "
" + "" + "
" + "
"+ "
" + "" + "
" + "" + "
" + "" + "
" + "" + "
" + "
" + "
" + "" + "
" + "
"; var html=document.createElement('div'); html.innerHTML=template; var div = document.getElementById("zh"); div.appendChild(html); // var html=$('#zh').html(); // $('#zh').html(html+str);// , 。 } // function deletezh(id){ var div=document.getElementById(id); div.parentNode.removeChild(div); }

좋은 웹페이지 즐겨찾기