Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 결과가 정의되지 않은 div에서 값을 얻으시겠습니까?

<시간/>

이를 위해 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 편집기에서 라이브 서버로 열기 옵션을 선택합니다.

다음은 출력입니다. 마우스를 클릭하고 방향키를 놓으면 다음과 같은 출력이 나옵니다.

스냅샷은 다음과 같습니다 -

JavaScript 결과가 정의되지 않은 div에서 값을 얻으시겠습니까?