Details open 속성

HTML DOM Details 객체

정의와 사용법

open 속성 설정이나 반환을 통해 추가 상세 정보/정보가 사용자에게 보여야 하는지 여부를 반영합니다(오픈).

이 속성은 <details> open 속성.

true로 설정되면, 상세 정보는 사용자에게 보입니다(오픈).

참고 사항:

HTML 참조 매뉴얼:HTML <details> 태그

예제

예제 1

추가 상세 정보 표시:

document.getElementById("myDetails").open = true;

직접 시도해 보세요

예제 2

사용자가 추가 상세 정보를 볼 수 있는지 확인하세요(오픈):

var x = document.getElementById("myDetails").open;

직접 시도해 보세요

예제 2

추가 상세 정보를 열고 닫는 것 간에 전환:

function openDetails() {
    document.getElementById("myDetails").open = true;
}
function closeDetails() {
    document.getElementById("myDetails").open = false;
}

직접 시도해 보세요

문법

open 속성 반환:

detailsObject.open

open 속성 설정:

detailsObject.open = true|false

속성 값

값 설명
true|false

사용자에게 상세 정보를 보여야 하는지 여부를 설정합니다(오픈).

  • true - 상세 정보는 보입니다
  • false - 상세 정보는 보이지 않습니다

기술 세부 사항

반환 값: 부울 값, 상세 정보가 보이면 true를 반환하고, 보이지 않으면 false를 반환합니다.

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
12.0 지원하지 않음 49.0 6.0 15.0

관련 페이지

HTML 참조 매뉴얼:HTML <details> open 속성

HTML DOM Details 객체