목차
<details> 객체 정의 - 토글 가능한 세부사항
<details> 객체 구문
<details> 객체 예제 - 접근
<details> 객체 예제 - 생성
<details> 객체 속성
<details> 객체 정의 - 토글 가능한 세부사항
HTML <details> 태그(요소) 의미. (IE 지원 X)
<details> 객체 구문
[접근]
var x = document.getElementById ("요소ID");
[생성]
var x = document.createElement ("DETAILS");
<details> 객체 예제 - 접근
<details id="hz">홈짱닷컴 Homzzang.com 세부정보</details>
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.getElementById("hz");
x.open = true;
}
</script>
결과보기
<details> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.createElement("DETAILS");
var t = document.createTextNode("홈짱닷컴 Homzzang.com");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
결과보기
<details> 객체 속성
open
details 내용을 사용자에게 보이게 할지 여부 설정/반환.
※ <details> 객체는 표준 속성/메서드 /이벤트 지원.
주소 복사
랜덤 이동