इसके लिए 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) सेव करें और फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
निम्नलिखित आउटपुट है। जब आप माउस पर क्लिक करेंगे और तीर कुंजी रखेंगे, तो आपको निम्न आउटपुट मिलेगा।
स्नैपशॉट इस प्रकार है -
