现代的 JavaScript 方法实现富文本字号大小改变

现代JavaScript中实现富文本字号大小的改变通常涉及到操作DOM元素的样式属性。可以使用以下方法来实现：

1. 使用`CSSStyleDeclaration`对象直接修改样式属性。例如，通过`element.style.fontSize`属性来改变特定元素的字号。

2. 使用`classList`添加、移除或切换CSS类。如果已经定义好了CSS样式规则，可以简单地通过改变元素的类名来实现字号的改变。

3. 使用`setAttribute`方法直接设置元素的`style`属性。例如，`element.setAttribute('style', 'font-size: 20px;')`可以直接在元素上设置样式。

4. 使用`window.getComputedStyle()`获取元素当前的实际样式，然后根据需要修改字号大小，并通过`element.style.fontSize`赋值。

一个简单的示例代码如下：

// 假设有一个id为editor的富文本编辑器
var editor = document.getElementById('editor');

// 增加字号大小
function increaseFontSize() {
    var currentSize = parseInt(window.getComputedStyle(editor, null).getPropertyValue('font-size'), 10);
    var newSize = currentSize + 1; // 增加1px
    editor.style.fontSize = newSize + 'px';
}

// 减少字号大小
function decreaseFontSize() {
    var currentSize = parseInt(window.getComputedStyle(editor, null).getPropertyValue('font-size'), 10);
    var newSize = currentSize - 1; // 减少1px
    editor.style.fontSize = newSize > 0 ? newSize + 'px' : '1px'; // 防止字体大小小于1px
}

// 绑定到按钮或快捷键等
document.getElementById('increaseButton').addEventListener('click', increaseFontSize);
document.getElementById('decreaseButton').addEventListener('click', decreaseFontSize);