javascript - 更改按键 javascript 上的内部 html

Question

我有以下代码

function kpress(){
  document.getElementById("editable").innerHTML = document.getElementById("editable").innerHTML.replace("this","that");
}

<div id="editable" contenteditable="true" style="width:100px;height:100px" onkeypress="kpress()"></div>

问题是我不想用带有replace()方法的innerHTML替换旧的innerHTML，而是我想要这样的东西

document.getElementById("editable").innerHTML.replace("this", "that");

而不是

document.getElementById("editable").innerHTML = document.getElementById("editable").innerHTML.replace("this", "that");

Answer 1

当使用纯 JavaScript 时，您必须向innerHTML 分配一些内容才能更改它。

native 替换方法返回一个字符串，但不会修改 DOM。

您可以使其更短一些，但无法避免步骤 1) 获取元素 2) 更改其值。

var ed = document.getElementByID("editable");
ed.innerHTML = ed.innerHTML.replace("this","that");