js通过添加按钮，实现更改元素内容、样式、属性，如变换某处字的字号和颜色，

可以使用JavaScript中的DOM操作来实现更改元素内容、样式、属性。具体步骤如下：

1. 获取需要更改的元素，可以使用document.getElementById()、document.getElementsByClassName()、document.getElementsByTagName()等方法来获取。

2. 使用JavaScript中的属性或方法来更改元素内容、样式、属性。例如：

- 更改元素内容：可以使用innerHTML或textContent属性来更改元素的内容，例如：

  var element = document.getElementById('example');
  element.innerHTML = '新的内容';

- 更改元素样式：可以使用style属性来更改元素的样式，例如：

  var element = document.getElementById('example');
  element.style.fontSize = '20px';
  element.style.color = 'red';

- 更改元素属性：可以使用setAttribute()方法来更改元素的属性，例如：

  var element = document.getElementById('example');
  element.setAttribute('data-value', 'new-value');

3. 将更改应用到页面中，可以将更改后的元素再次插入到页面中，或者直接在页面中展示更改后的元素。

4. 在按钮的click事件中调用更改元素内容、样式、属性的方法，例如：

  var button = document.getElementById('btn');
  button.addEventListener('click', function() {
    var element = document.getElementById('example');
    element.style.fontSize = '20px';
    element.style.color = 'red';
  });

以上是一个简单的示例，具体实现方式可以根据实际需求进行调整。