728x90
자바스크립트에서
자신 (노드 / 엘리먼트 / 태그명) 알아내기 - 기준태그.nodeName
(결과 : 자신의 대문자 태그명)
부모 (노드 / 엘리먼트 / 태그명) 알아내기 - 기준태그.parentElement.nodeName
(결과 : 부모의 대문자 태그명)
샘플 예제 ↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>nodeName Example</title>
</head>
<body>
<section>
<div>
//기준 태그를 input태그로 정하기로 한다.
<input type="text" id="example-element"/>
</div>
</section>
<script src="main2.js"></script>
</body>
</html>
1. 자신의 태그 이름 알아내기
//기준 엘리먼트 SELECT
let exam_element = document.querySelector('#example-element');
console.log(exam_element.nodeName);
결과 : INPUT
2. 부모의 태그 이름 알아내기
//기준 엘리먼트 SELECT
let exam_element = document.querySelector('#example-element');
console.log(exam_element.parentElement.nodeName);
결과 : DIV
728x90
댓글