최신 웹 개발 튜토리얼
 

HTML DOM contentEditable Propery

<요소 개체

a의 내용 설정 <p> 편집 할 수있는 요소를 :

document.getElementById("myP").contentEditable = true;
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

의 contentEditable 속성을 설정하거나 반환 요소의 내용은 편집 여부.

팁 : 사용할 수 isContentEditable 요소의 내용이 편집인지 아닌지 알아 속성을.


브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

재산
contentEditable 11.0 6.0 3.5 3.2 10.6

통사론

의 contentEditable 속성을 반환합니다 :

HTMLElementObject .contentEditable

의 contentEditable 속성을 설정 :

HTMLElementObject .contentEditable=true|false

속성 값

기술
true|false 요소의 내용을 편집 할 수 있는지 여부를 지정합니다.

가능한 값 :
  • 상속 - 기본값. 부모 요소가 편집 가능한 경우 요소의 내용을 편집 할 수
  • 사실 - 내용은 편집 할 수
  • 거짓 - 내용은 편집 할 수 없습니다

기술적 세부 사항

반환 값 : 요소가 편집 가능한 경우는 문자열, 그렇지 않으면 false를 반환 true를 반환

예

더 예

있는지 알아보십시오 <p> 요소가 편집 여부 :

var x = document.getElementById("myP").contentEditable;

X의 결과는 다음과 같습니다

true
»그것을 자신을 시도

a의 콘텐츠를 편집 할 수있는 기능 사이를 전환 <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 속성


<요소 개체