js如何让选中的文字加粗？

这是我的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>title</title>
</head>
<body>

<div>ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>
<input type="button" value="加粗" onclick="f()"/>

<script>
    function f() {
        window.getSelection().style.fontWeight=700;
    }
</script>

</body>
</html>

我希望点击“加粗”按钮后，就能让选中的文字加粗。
我知道我上面的代码是错的，对选中的文字不能直接用style。但我不知道怎么改。

你可以参考如下链接：

天坑之路：用js给选中文字添加样式 - 韩子卢 - 博客园前言本例基于react，但是实际上就是用原生js做的。兼容性做到了IE9，但是按照这个思路做是可以做到IE8甚至更低的。需求与最初的思路当我拿到这个需求的时候以为很简单，就是可以给页面上的文章做

https://www.cnblogs.com/vvjiang/p/10186327.html

如果对你有帮助，可以给我个采纳吗，谢谢!! 点击我这个回答右上方的【采纳】按钮