HTML DOM의 contentEditable 속성
정의 및 사용
콘텐츠의 contentEditable 속성 집합 여부 또는 편집 가능한 요소를 반환합니다.
팁 : 사용할 수 isContentEditable 요소의 내용을 편집 할 수 있는지 확인하기 위해 속성을.
브라우저 지원
표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.
| 재산 | |||||
|---|---|---|---|---|---|
| 의 contentEditable | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
문법
위로의 contentEditable 속성 :
HTMLElementObject .contentEditable
의 contentEditable 속성 설정 :
HTMLElementObject .contentEditable = 참 | 거짓
속성 값
| 값 | 기술 |
|---|---|
| 참 | 거짓 | 설명 요소 편집 여부. 가능한 값 :
|
기술 세부 사항
| 반환 값 : | 부울 값, 요소가있는 경우 편집 복귀는 true, 그렇지 않은 경우는 false |
|---|
더 많은 예제
예
참조 <p> 요소는 편집 할 수 있습니다 :
VAR X = document.getElementById를 ( "MYP")의 contentEditable;
X 출력은 다음과 같습니다
참된
»시도
예
편집 모드에서 <p> 요소를 전환 :
VAR X = document.getElementById를 ( "MYP을");
경우 (x.contentEditable == "true"로) {
x.contentEditable = "거짓";
button.innerHTML = "페이지 요소의 내용을 편집 할 수 있습니다 '!
} 그밖에 {
x.contentEditable = "true"로;
button.innerHTML = "페이지 요소의 내용을 편집 할 수 없습니다!";
}
경우 (x.contentEditable == "true"로) {
x.contentEditable = "거짓";
button.innerHTML = "페이지 요소의 내용을 편집 할 수 있습니다 '!
} 그밖에 {
x.contentEditable = "true"로;
button.innerHTML = "페이지 요소의 내용을 편집 할 수 없습니다!";
}
»시도
관련 페이지
HTML 참조 설명서 : HTML의 contentEditable 속성