HTML DOM contentEditable 속성
예시
<p> 요소의 내용을 편집 가능하도록 설정합니다.
document.getElementById("myP").contentEditable = "true";
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
contentEditable 속성은 요소의 내용이 편집 가능한지 여부를 설정하거나 반환합니다.
팁: isContentEditable 속성을 사용하여 요소의 콘텐츠가 편집 가능한지 여부를 확인할 수도 있습니다 .
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
통사론
contentEditable 속성을 반환합니다.
HTMLElementObject.contentEditable
contentEditable 속성을 설정합니다.
HTMLElementObject.contentEditable = true|false
속성 값
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
기술적 세부 사항
반환 값: | String, 요소가 편집 가능한 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다. |
---|
더 많은 예
예시
<p> 요소가 편집 가능한지 여부를 확인합니다.
var x = document.getElementById("myP").contentEditable;
예시
<p> 요소의 내용을 편집하는 기능 사이를 전환합니다.
var x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Enable content of p to be editable!";
} else {
x.contentEditable = "true";
button.innerHTML = "Disable content of p to be editable!";
}
관련 페이지
HTML 참조: HTML contenteditable 속성
❮ 요소 개체