Javascript 从contenteditable div获取内容

我为用户显示一个弹出窗口，其中需要写入一些文本，我想检查他是否编写了相应的内容来显示消息

HTML

我看过类似的帖子-

---

但是显然我做错了什么

使用

innerHTML

属性

console.log（document.querySelector（'div'）.innerHTML）

你好，世界！

这是一个仅针对堆栈溢出的打字错误，还是您的代码中也有？document.getElementById（“内容--id”）；=>document.getElementById（“内容id”）；在js中，您使用'content--id'，而html则使用'content id'@Stinodotbe，这是一个好主意！，但不幸的是，这只是堆栈溢出错误。我更新了帖子。@user12051965

innerText

只返回文本内容。如果需要整个内容，请使用

innerHTML

<div id="pop-div-id" class="cont-pop-div">
  <p id="content-id" contenteditable="true" class="cont-pop" placeholder="type explanation" spellcheck="false"></p>
</div>

let content =  document.getElementById("content-id");
// let contentValue = content.textContent;
// console.log(contentValue);

let innerText = content.innerText;

   if (innerText[innerText.length-1] === '\n') { 
      innerText = innerText.slice(0,-1);
      console.log(innerText);
   }            

button.addEventListener("click", function () {
  if (innerText.length === 0 || !!innerText.trim()) {
     alert("You have to write something ");
  } else {
     alert("Hello");
  }
});