HTML代码
<p contentEditable="true" onmouseup="setColor();">this is some text</p>
和javascript代码
document.execCommand('styleWithCSS', false, true);
document.execCommand('foreColor', false, "rgba(0,0,0,0.5)")
所以DOM树变成:
<p contenteditable="true" onmouseup="setColor();">
this is <span style="color: rgba(0, 0, 0, 0.498039);">some</span> text
</p>
注意到它插入了span标签,使用style属性,单词的颜色发生了变化。 现在该怎么做,当我想要删除跨度标签时?这个单词的颜色会变回默认值。我试过了
document.execCommand('foreColor', false, "");
但它不起作用。 非常感谢你!