HTML DOM 디자인 모드 속성

<시간/>

HTML DOM designMode 속성을 사용하면 전체 문서를 편집할 수 있는지 여부를 지정할 수 있습니다. 이렇게 하면 HTML 문서를 편집할 수 있으므로 HTML 문서가 WYSIWYG(What You See Is What You Get) 편집기 역할을 합니다. 이 속성은 기본적으로 "off"로 설정되어 있으며 "on"으로 설정하면 문서를 편집할 수 있습니다.

구문

다음은 −

의 구문입니다.

designMode 속성 설정 -

document.designMode = "on|off"

여기서 "off"는 기본값이며 "on"으로 설정하면 문서를 편집할 수 있습니다.

예시

HTML DOM designMode 속성에 대한 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<body>
<h1>Document designMode Property</h1>
<p> This is a paragraph with some text</p>
<button type="button">BUTTON1</button>
<script>
   document.designMode="on";
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 디자인 모드 속성

문서 편집 후 -

HTML DOM 디자인 모드 속성

위의 예에서 -

우리는 여러 HTML 요소를 만들었습니다. 예를 들어,

요소,

및