HTML <button> popovertarget 속성

정의와 사용법

사용하여 popovertarget 속성을 통해 특정 id를 가진 팝업 요소를 참조할 수 있으며, 표시 및 숨기기 간을 전환할 수 있습니다:

안녕하세요

추가 정보:

HTML 참조 매뉴얼:HTML 팝업 속성

HTML 참조 매뉴얼:HTML Button popovertargetaction 속성

예제

popovertarget 속성을 가진 팝업 요소를 참조하여 지정된 팝업 요소를 표시/숨기기할 수 있습니다:

<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click me!<button>

직접 테스트해 보세요

문법

<button popovertarget="element_id">

속성 값

설명
element_id 이 버튼과 연결된 팝업 요소의 id.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
114 114 지원하지 않음 17 100