현재 탭 페이지에서 태그 ID를 얻는 방법

DOM 노드에서 작업하기 전에 먼저 DOM 노드를 얻어야 합니다. id 속성과 태그 이름을 기반으로 DOM 노드를 얻을 수 있는 방법은 여러 가지가 있습니다.

getElementById() 메소드

HTML 태그의 id 속성을 기반으로 DOM 노드를 얻으려면 getElementById() 메소드를 사용하세요. 이 메소드는 노드 객체를 반환합니다.

구문: document.getElementById(id) 여기서 id는 HTML 태그의 id 속성입니다.

예를 들어, id="demo"인 노드를 얻는 명령문은 다음과 같습니다: document.getElementById("demo");

getElementsByTagName() 메소드

HTML에 따르면 태그 이름으로 DOM 노드를 얻으려면 getElementsByTagName() 메소드를 사용하십시오. 이 메소드는 획득된 요소 노드를 배열로 반환합니다.

구문: nodeObject.getElementsByTagName(tagName)

이 중 nodeObject는 요소 노드이고 tagName은 HTML 태그의 이름입니다.

참고: getElementsByTagName() 메소드는 전체 HTML 문서의 모든 노드를 검색할 수 있을 뿐만 아니라 특정 노드의 하위 노드도 검색할 수 있습니다. 이를 사용할 때 검색 범위, 즉 지정해야 합니다. , nodeObject를 지정합니다.

예를 들어 HTML 문서의 모든