2023-07-09JavaScript3 minutes read (About 410 words) 0 visits

[바닐라JS/Pure JS]iframe 내 태그에 접근하고 싶을때(선택자)

자주 보는 사이트 중 table의 첫번째 tr을 숨기고 싶어서 스크립트 코드를 만들었다.

해당 사이트 HTML 구성이 어떻게 되어있는지 몰라서 차근차근 뜯어보았는데
iframe 하위에 iframe을 또 부르고 그 하위에 table이 있고 그 하위에 내가 숨기고싶은 tr이 있는 구조였다.

코드

<body>
	<iframe id="sub2">
		<iframe id="ifrm">
			<table id="tableList">
				<thead>
				// 중략
				</thead>
				<tbody>
					<tr>첫번째 - 숨김처리 하고싶다</tr>
					<tr>두번째</tr>
					<tr>세번째</tr>
				</tbody>
			</table>
		</iframe>
	</iframe>
</body>

HTML구조를 최대한 간략하게 작성해보았고 스크립트는 아래와 같이 만들어봤다.

1
2

// 첫번째 tr 숨기기
document.getElementById("sub2").contentWindow.document.getElementById("ifrm").contentWindow.document.getElementById("tableList").querySelector("tbody > tr").style.display = "none";