JavaScript

[DOM_Element] JS - contentEditable 속성 - 편집가능상태 설정/반환

contentEditable 예제

 

<p id="hz">홈짱닷컴 Homzzang.com</p>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  document.getElementById("hz").contentEditable = true;

  document.getElementById("demo").innerHTML = "편집가능상태. 커서 찍어 직접 수정 가능.";

}

</script>

 

결과보기

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
DOM_Element JS - clientTop 속성 - 요소위쪽테두리너비 (= 요소상단테두리너비)
DOM_Element JS - clientWidth 속성 ★ - 요소너비 (= 요소가시너비 = clientWidth속성 = 클라이…
DOM_Element JS - cloneNode() 메서드 - 노드복사
DOM_Element JS - compareDocumentPosition() 메서드 - 노드간 위치비교 (IE9 이상)
DOM_Element JS - contains() 메서드 ★ - 자손노드인지 판별 (= contains메서드 = 컨테인즈 메서드)
DOM_Element JS - contentEditable 속성 - 편집가능상태 설정/반환
DOM_Element JS - dir 속성 - 쓰기방향 (= 입력방향) 설정/반환
DOM_Element JS - exitFullscreen() 메서드 - 전체화면모드 닫기 (IE11 이상)
DOM_Element JS - firstChild 속성 ★ - 첫번째 자식노드
DOM_Element JS - firstElementChild 속성 - 첫번째 자식요소 (IE9 이상)
DOM_Element JS - focus() 메서드 ★ - 포커스 주기/설정. (= focus메서드 = 포커스메서드)
DOM_Element JS - getAttribute() 메서드 ★ - 요소의 속성명 (= 속성이름) 얻기
DOM_Element JS - getAttributeNode() 메서드 - 지정한 속성노드를 객체로 얻기
DOM_Element JS - getBoundingClientRect() 메서드 - 뷰포트 기준 요소크기와 요소위치 반환 (= g…
DOM_Element JS - getElementsByClassName() 메서드 - 클래스선택자 (= 클래스명선택자 = 클래스이…
2/6
목록
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드 3
제작의뢰
Q&A
커뮤니티 1
웹유틸
회원센터
홈짱 PC버전 로그인