내 프로그램은 .csv 파일을 가져와서 정보를 읽고 js의 HTML 테이블로 보냅니다. 또한 향후 작업을 위한 입력 필드도 있습니다. 입력된 필터로 전체 테이블에서 데이터를 검색할 수 있습니다.
문제는 양식이 이미 생성된 상태에서 "제출"을 다시 클릭하면 양식이 다시 나타나고 사본이 생성된다는 것입니다(그림 참조)
문제는 커밋 시 복사되지 않도록 하는 방법입니다
.html：
으아아아.js:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Excel Transform Site</title>
<link rel="stylesheet" href="./excel-transfrom.css">
</head>
<body>
<form id="input-form">
<input type="file" id="file-choose" apply=".csv">
<label class="test-input-label">Test Input</label>
<input type="text" id="test-input">
<input type="submit" value="Submit" class="submit-button">
</form><br>
<table id="data-table"></table>
<script src="./excel-transform.js"></script>
</body>
</html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이미 해결책을 찾았습니다
대신 댓글 섹션에서
replaceChildren方法，但我决定使用.innerHTML = ''이미 제안되었습니다그래서 제출 이벤트가 발생하면 테이블 내용이 지워집니다.
innerHTML = ''그렇지 않으면현재 js 코드는 다음과 같습니다.
으아악