이를 위해 document.getElementById().innerHTML을 사용하십시오. 다음은 자바스크립트 코드입니다 -
예시
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <div class='getValueFromDiv' id='getValue' contenteditable="true" onkeyUp='display()' style="color: red"></div> <script> function display(){ var storedValue = document.getElementById('getValue').innerHTML.value="This is the value"; console.log("The value is==="+storedValue); } </script> </body> </html>
위의 프로그램을 실행하려면 파일 이름을 anyName.html(index.html)로 저장하세요. 파일을 마우스 오른쪽 버튼으로 클릭하고 VS Code 편집기에서 라이브 서버로 열기 옵션을 선택합니다.
다음은 출력입니다. 마우스를 클릭하고 방향키를 놓으면 다음과 같은 출력이 나옵니다.
스냅샷은 다음과 같습니다 -