<!DOCTYPE html>
<html lang="en">
<head>
<title>HJ3</title>
</head>
<style>
</style>
<body>
<p>press Ctrl+E for edit text</p>
<p>press Ctrl+S for save text</p>
<hr>
<span id = "t1">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quo debitis illum dolore ratione dignissimos exercitationem iste
rerum quia laudantium placeat ex voluptate eius, dolorem possimus
eaque sit tempore commodi sunt. </span>
<p id = 'p2'> </p>
</body>
<script>
document.addEventListener("keydown", function(e) {
if (e.ctrlKey && e.keyCode === 69) {
e.preventDefault();
}
}, false)
document.addEventListener("keydown", function(e) {
if (e.ctrlKey && e.keyCode === 83) {
e.preventDefault();
}
}, false)
document.body.onkeydown = (e) => {
if (e.ctrlKey && e.keyCode === 69) {
let el1 = document.getElementById('t1');
let el2 = document.createElement('textarea');
el2.innerHTML = el1.innerHTML;
el1.parentNode.replaceChild(el2, el1); }
if (e.ctrlKey && e.keyCode === 83) {
let el1 = document.getElementsByTagName('textarea');
let el2 = document.createElement('span');
el2.innerHTML = el1.innerHTML;
el1.parentNode.replaceChild(el2, el1); } //Ошибку выдает в этой строке
}
</script>
</html>
Ошибка: Uncaught TypeError: Cannot read properties of undefined (reading 'replaceparent'
Сама программа отлично работает до момента использование клавиш "ctrl + S", если же использовать эту комбинацию сразу то мне любезно удалит текст.
e.keyCode === 69
? что такоеe.keyCode === 83
?document.getElementsByTagName('textarea')
- возвращает коллекцию, а ты ее как элемент пытаешься использоватьel2
не может бытьundefined
:) потому что оно в обоих случаях изcreateElement
получается.