第 23 期(ECMAScript-语法)：字符串对象HTML格式替代方法

[Wing Meng]

题目：

已知有如下 HTML 结构，请编写函数 format，实现点击对应按钮后对 #str 文本进行加粗、斜体、上标或下标格式化。

提示：请使用 HTML 格式替代方法

<span id="str">儿童节快乐！</span>
<p>
  <button onclick="format(1)">加粗</button>
  <button onclick="format(2)">斜体</button>
  <button onclick="format(3)">上标</button>
  <button onclick="format(4)">下标</button>
</p>

---

参考答案：

function format(type) {
  let text = str.innerText || str.textContent;
  let result;

  switch(type) {
    case 1:
      result = text.bold();
      break;
    case 2:
      result = text.italics();
      break;
    case 3:
      result = text.sup();
      break;
    case 4:
      result = text.sub();
      break;      
    default:
      result = text;  
  }

  str.innerHTML = result;
}