[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>

 

결과보기