Javascript HTML-可编辑段落

这是我的代码：

（HTML）

（JS（不是jQuery））

/*智能提示
1.添加/编辑时，在新建之前添加
。
*/
函数changeText（变量计数）{
开关（计数）{
案例0：
document.getElementById（“h1”）.innerHTML=document.getElementById（“myNewText”）.value；
打破
违约：
document.getElementById（“p”+count）.innerHTML=document.getElementById（“myNewText”）.value；
}
}

单击按钮后，什么也没有发生。

---

我将尝试查看控制台。

这适用于我的案例：

function changeText(count){
  switch (count) {
    case 0:
      document.getElementById("h1").innerHTML = document.getElementById("myNewText").value;
      break;
    default:
      document.getElementById("p"+count).innerHTML = document.getElementById("myNewText").value;
  }
}

---

从函数参数中删除var你能复制你的评论并回答这个问题吗，@Manwal？所以我可以接受您的回答，您是否查看或考虑过属性

contenteditable

？非常好的主意！contenteditable有时更好，但这也是另一个相当好的风格！对,这是另一种方式。（这是我第一次想到的：）

p {
  display:inline;
}

h1 {
  display:inline;
}

#newText {
  position:fixed;
  left:5px;
  right:auto;
  top:auto;
  bottom:5px;
  width:auto;
  height:auto;
  background-color:#cccccc;
}

.edit-button {
  display:inline-block;
  height:20px;
  width:20px;
  background-color:#cccccc;
}

.edit-button:hover {
  background-color:#ffffff;
}

/* Smart Tips

1. When adding / editing add <br> before new <label>.

*/

function changeText(var count){
  switch (count) {
    case 0:
      document.getElementById("h1").innerHTML = document.getElementById("myNewText").value;
      break;
    default:
      document.getElementById("p"+count).innerHTML = document.getElementById("myNewText").value;
  }
}

function changeText(count){
  switch (count) {
    case 0:
      document.getElementById("h1").innerHTML = document.getElementById("myNewText").value;
      break;
    default:
      document.getElementById("p"+count).innerHTML = document.getElementById("myNewText").value;
  }
}