Javascript window.getSelection() alternative
Javascript window.getSelection() alternative
我正在尝试手动选择文本。 window.getSelection().getRangeAt(0);
行用于窗口所选文本。但我希望这个由我预先选择。
foo=function()
{
var selection= "Lorem ipsum dolor"; // Instead of this line window.getSelection().getRangeAt(0);
var selectedText = selection.extractContents();
var span= document.createElement("span");
span.style.backgroundColor = "yellow";
span.appendChild(selectedText);
selection.insertNode(span);
}
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<input type="button" onclick="foo();" value="FOO"/>
有 github project findAndReplaceDOMText。一个可能有用的JavaScript库:它在给定的DOM节点中搜索正则表达式匹配项,并将每个匹配项替换为您可以指定的节点或文本段。
您也可以使用 window.find()
/createTextRange
.这个答案显示了如何做到这一点。它将匹配跨越元素边界的文本,并使用document.execCommand()
为您突出显示。
最后 - 如果我看你的例子,你只想替换文本节点的特定片段 - 你可以使用这样的正则表达式:
element.innerHTML = element.innerHTML.replace(
/Lorem ipsum dolor/gi,
'<span class="f">$0</span>'
);
相关文章:
- 有没有一种方法可以防止img get请求使用css或js发生
- CORS-重定向到第二个GET正在接收的页面
- jQuery Ajax GET请求工作不正常
- 如何将PHP get查询转换为Meteor's HTTP.get()
- 返回/从Twit's客户端.get
- AngularJS错误:提供程序必须从$get工厂方法返回值
- 如何在router.get()方法中传递url作为参数
- 使用Javascript/JQuery获取JSON GET数据
- 如何使用php文件中的GET来获取我在.js文件中声明的变量
- Get方法获取csv文件的内容
- 什么'$.get和$.ajax之间的区别是什么
- I'我得到这个.get()在ember中未定义
- Babel编译错误:找不到模块核心js/library/fn/get迭代器
- Datatable get列值只给出前10行
- Angularjs http.get() Cross-Origin 请求被阻止
- Angular js http get返回所有页面
- Get JSON from an url
- 将GET请求(HTML字符串)转换为完整的DOM对象
- regex get id imgur embed?
- Mediawiki皮肤创建-Javascript don'Don’t get load