웹 브라우저에 문서 내용 편집 - designMode 속성
designMode 속성은 브라우저를 편집 가능하게 만드는 속성입니다. designMode 값이 'on'일 경우 브라우저 창은 편집 가능한 상태가 됩니다.
<html>
<head>
<script type="text/javascript">
function testIframe(){
Editor = document.getElementById("testIFRAME").contentWindow.document; // 문서안의 아이프레임요소를 Editor 변수에 할당
Editor.designMode='on'; // 아이프레임요소를 편집모드로 전환
}
</script>
<title>Insert title here</title>
</head>
<body>
<a href="#" onclick="testIframe();return false;"> 아이프레임을 편집모드로</a><br>
<iframe id="testIFRAME"></iframe>
</body>
</html>
위에 코드는 iframe 태그를 사용하여 브라우저 창을 문서내에 포함시켰습니다. 포함된 iframe에서는 편집이 가능한 것을 확인할 수 있습니다.
'Java Script & DOM > HTML DOM' 카테고리의 다른 글
| 태그 영역을 감추기 (0) | 2009.10.21 |
|---|---|
| 이미지 클릭시 이미지 변경하기 (0) | 2009.10.21 |
| HTML DOM - createElement("tagName") : 새로운 태그 생성 (0) | 2009.09.22 |
| HTML DOM(Document Object Model)이란? (0) | 2009.09.22 |
| WYSIWYG(위지윅) 에디터 제작 기초 (0) | 2009.08.25 |