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

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);
}
[애플워치] 코드 필요 없어!3분이면 완성되는 "Hello World".
[Apple Watch] 테스트용 실기 로그인 방법(UUID에 따른 확인 방법)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage