Javascript 如何将 contenteditable 输入保存到变量中，以便我可以在屏幕上打印它

发布于06月27日

我有这个代码，我想保存一个可编辑的文本到一个变量，这样我就可以在屏幕上打印它.

function saveEdits() {
    //get the editable element
    var editElem = document.getElementById("myText").value;
    document.getElementById("update").innerHTML=editElem;
    //write a confirmation to the user
  }

<h1 id="myText" contenteditable="true">Title</h1>
    <input type="button" value="save edits" onclick="saveEdits()"/>
    <p id="update"></p>

推荐答案

据我所知，你想要这个:

function saveEdits() {
    //get the editable element
    var editElem = document.getElementById("myText").value;
    document.getElementById("update").innerHTML=editElem;
    //write a confirmation to the user
    alert("your text have been saved");
  }

<input type="text" placeholder="type content here" id="myText">
<input type="button" value="save edits" onclick="saveEdits()"/>
    <p id="update"></p>

文本存储在editElem变量中.