如何获得可编辑内容的div中光标所在的div?

时间:2019-03-10 06:38:02

标签: javascript html contenteditable

我正在考虑编写一个简单的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元素进行字符串比较时,是否会导致性能问题?

0 个答案:

没有答案