c:forEach문 status.index의 innertText값 가져오기

Question

${i } ${toDo.memberName.member_name } ${toDo.toDoVo.content } ${toDo.toDoVo.complete } ${toDo.toDoVo.tdboard_no } 안녕하세요 spring을 공부중인 학생입니다.c:forEach로 생성한 테이블 td의 innerText 값을 가져오고 싶은데 script에서 document.getElementById로 가져올때 값을 정확히 못가져오고 있습니다.function viewToDo() { var room_no = ${room_no} var tdboard_no = document.getElementById("tdboard_no").innerText; var url = "./detailViewToDo.do?room_no="+room_no; var insertToDo = window.open(url, "popUp", "width=700,height=400,top=150, left=500"); } document.getElementById("tdboard_no")로 변수 선언시 id = tdboard_no${status.index}값의 jstl값을 가져오고 싶습니다.ㅠㅠ

상저씨 · Accepted Answer

document.querySelectorAll( &#34; [id ^&#61; 'tdboard_no'] &#34;) 로 하시면 id가 tdbaord_no 로 시작하는 모든 DOM Element가 반환됩니다. document.querySelectorAll( &#34;td[id ^&#61; 'tdboard_no'] &#34;) 이렇게 하시면 id가 tdboard_no로 시작하는 모든 td태그 elem이 반환되겠죠? 자세한 것은 https://developer.mozilla.org/ko/docs/Web/API/Document/querySelector MDN문서를 확인하세요

맥린이개발뿌시기 · Answer

감사합니다. ${i } ${toDo.memberName.member_name } ${toDo.toDoVo.content } ${toDo.toDoVo.complete } ${toDo.toDoVo.tdboard_no } 혹시 onclick 할때 해당 id="tdboard_no$status.index}의 innerText를 가져오고싶은데 querySelectorAll로 모든 값을 가져온다음 for문을 돌려야하나요? 3 //글번호 리더 테스트 08.11 08.16 N 176 4 리더 ㅁㅁㅇㄹ 08.02 08.18 N 96 글번호 3번 테이블의 onclick 이벤트 실행시 id=tdboard_no2의 innerText인 176을 가져오고 싶습니다 ㅠㅠ

상저씨 · Answer

저 테이블을 동적으로 생성하는게 아닌가요? 당장 저 값만 가져오겠다하시면document.getElementById('tdboard_no2').innerText 하시면되겠네요

상저씨 · Answer

아 ViewTodo함수에 index를 넘겨주시네요 function viewToDo(index) { var room_no &#61; &#34;tdboard_no&#34; &#43; index; var tdboard_no &#61; document.getElementById(room_no).innerText; var url &#61; &#34;./detailViewToDo.do?room_no&#61;&#34;&#43; index; var insertToDo &#61; window.open(url, &#34;popUp&#34;, &#34;width&#61;700,height&#61;400,top&#61;150, left&#61;500&#34;); } 하시면 될 것같은데요

a785312468 · Answer

안녕하세요 저도 javascript를 공부하는 초보인데여요렇게 event 객체 이용해서 가져오시면 될 것 같습니다.event.target &#61;> onclick이 있는 a태그parentNode는 a태그를 감싸는 td태그를 선택거기에 parentNode를 쓰면 tr태그 선택 후 lastElementChild를 사용해 마지막 값을 꺼내고 싶은 td를 선택 후 td에 있는 텍스트 값을 꺼내왔습니다.function viewToDo(){ const uWantNumber &#61; event.target.parentNode.parentNode.lastElementChild.textContent; }

맥린이개발뿌시기 · Answer

모두 감사합니다!! 깔끔하게 해결했습니다.오늘도 많이 배웠습니다 정말 감사합니다!

c:forEach문 status.index의 innertText값 가져오기

6개의 답변

#getelementbyid 목록