1. 点击 “改变标题内容” 按钮，需要将div中展示的标题内容替换为 “学员成绩表” 2. 点击 “改变标题颜色” 按钮，需要将div中展示的标题内容以 红色 字体展示（字体保持原有大小，居中）

为了实现这两个功能，你可以使用JavaScript来操作DOM元素。假设有一个HTML结构如下：

<div id="titleContainer">
  <h1 class="title">默认标题</h1>
</div>

<button onclick="changeTitleToScore()">改变标题内容</button>
<button onclick="changeTitleColor()">改变标题颜色</button>

这里有两个按钮，分别对应两个函数：

1. `changeTitleToScore()` 函数：

function changeTitleToScore() {
  var titleElement = document.getElementById("titleContainer").getElementsByTagName("h1")[0];
  titleElement.textContent = "学员成绩表";
}

这个函数获取id为 "titleContainer" 的 div 中的第一个 h1 标签，并将其文本内容改为 "学员成绩表"。

2. `changeTitleColor()` 函数：

function changeTitleColor() {
  var titleElement = document.getElementById("titleContainer").getElementsByTagName("h1")[0];
  titleElement.style.color = "red";
  titleElement.style.textAlign = "center"; // 添加居中样式
}

这个函数同样获取 h1 元素，然后修改其 color 属性为红色，并设置 text-align 为 "center" 来使其内容居中显示。

现在，当你点击对应的按钮，标题内容或颜色会按照上述逻辑更改。