我正在考虑编写一个简单的JavaScript代码编辑器。当前,带有div
的{{1}}似乎比文本区域更合适。但是就获得游标div而言,它仍然非常初级。
contenteditable
这是<div contenteditable="true">
<div><br></div>
<div>123</div>
<div><br></div>
<div>abc</div>
</div>
,其中我有四行,并且已将光标放在第二行(div
)上。有没有一种方法可以有效地使div出现在光标所在的位置?我目前的方法是
<div>123</div>
我要在获得的var xpath = "//div[text()='123']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
之后插入新的div
,具体操作如下:
div
这里的问题是,var d = document.createElement("div")
var b = document.createElement("br")
d.appendChild(b)
matchingElement.parentNode.insertBefore(d, matchingElement.nextSibling);
中的文本很大,在对每个dom元素进行字符串比较时,是否会导致性能问题?