목차
<summary> 객체 정의 - 세부사항의 머리글
<summary> 객체 구문
<summary> 객체 예제 - 접근
<summary> 객체 예제 - 생성
<summary> 객체 속성
<summary> 객체 정의 - 세부사항의 머리글
HTML <summary> 태그(요소) 의미.
(현재 Chrome, Safari 6 이상, Opera 15 이상에서만 지원)
<summary> 객체 구문
[접근]
var x = document.getElementById ("요소ID");
[생성]
var x = document.createElement ("SUMMARY");
<summary> 객체 예제 - 접근
<details>
<summary id="hz">홈짱닷컴 Homzzang.com</summary>
</details>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementById("hz").innerHTML;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
<summary> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var d = document.createElement("DETAILS");
document.body.appendChild(d);
var x = document.createElement("SUMMARY");
var t1 = document.createTextNode("Homzzang.com");
x.appendChild(t1);
var p = document.createElement("P");
var t2 = document.createTextNode(" - Since 2012");
p.appendChild(t2);
d.appendChild(x);
d.appendChild(p);
}
</script>
결과보기
<summary> 객체 속성
고유 속성 없음.
※ <summary> 객체는 표준 속성/메서드 /이벤트 지원.
주소 복사
랜덤 이동