Javascript 如何更改window.getSelection()的字体样式

Javascript 如何更改window.getSelection()的字体样式,javascript,html,font-style,Javascript,Html,Font Style,我想知道在单击按钮后,如何使用window.getSelection()更改所选文本的字体样式 例如,假设我们有以下短语: 你好,世界 如果我只是从中选择字符串ell,然后单击按钮,它将返回(在本例中,例如,boldtype): 哦,世界 那么,我该怎么做呢? 我的主要问题是:我应该转换窗口.getSelection()以更改字体样式,因为它返回一个对象,如果我转换了.toString(),那么应该转换什么变量类型,这不会有多大帮助。您希望将突出显示的文本环绕到一个新节点中,并向其添加新样式。查

我想知道在单击按钮后,如何使用
window.getSelection()
更改所选文本的字体样式

例如,假设我们有以下短语:

你好,世界

如果我只是从中选择字符串
ell
,然后单击按钮,它将返回(在本例中,例如,boldtype):

哦,世界

那么,我该怎么做呢?
我的主要问题是:我应该转换
窗口.getSelection()
以更改字体样式,因为它返回一个对象,如果我转换了
.toString()
,那么应该转换什么变量类型,这不会有多大帮助。

您希望将突出显示的文本环绕到一个新节点中,并向其添加新样式。查看此答案

函数环绕选择(){
var span=document.createElement(“span”);
span.style.fontwweight=“bold”;
span.style.color=“黑色”;
if(window.getSelection){
var sel=window.getSelection();
如果(选择范围计数){
var range=sel.getRangeAt(0.cloneRange();
范围。周围内容物(跨度);
选择removeAllRanges();
选择添加范围(范围);
}
}
}


你好,世界
您使用的是
内容可编辑
元素吗?谢谢,这就是我要找的!