JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<div id="html">
  <h1>前端日报</h1>
  <table width="74%">
    <tbody>
      <tr>
        <td>
          <p>部门</p>
        </td>
        <td>
          <p>组别</p>
        </td>
        <td>
          <p>人员</p>
        </td>
        <td>
          <p>今日工作</p>
        </td>
        <td>
          <p>备注</p>
        </td>
        <td>
          <p>更新日期</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>研发中心</p>
        </td>
        <td>
          <p>FE组</p>
        </td>
        <td>
          <p>刘素芬</p>
        </td>
        <td>
          <p>1、<strong>沟通健康管理系统新增需求；</strong></p>
          <p>2、资深技术经理面试；</p>
          <p>3、2c运营平台资源协调及排期确认；</p>
          <p>4、官网商城我的福卡界面完成；</p>
        </td>
        <td>&nbsp;</td>
        <td>
          <p>8.14</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>研发中心</p>
        </td>
        <td>
          <p>FE组</p>
        </td>
        <td>
          <p>冯冉</p>
        </td>
        <td>
          <p>1、爱康视频医疗平台 V0.1 需求变更</p>
          <p>2、爱康APP基因检测频道页UI效果沟通及排期确认</p>
          <p>3、爱康APPv3.8.0动态心电图</p>
        </td>
        <td>&nbsp;</td>
        <td>
          <p>8.14</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>研发中心</p>
        </td>
        <td>
          <p>FE组</p>
        </td>
        <td>
          <p>纪玉静</p>
        </td>
        <td>
          <p>1、2c运营平台排期project，任务划分；</p>
        </td>
        <td>&nbsp;</td>
        <td>
          <p>8.14</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>研发中心</p>
        </td>
        <td>
          <p>FE组</p>
        </td>
        <td>
          <p>韩文盛</p>
        </td>
        <td>
          <p>1、活动页3个 体检宝*2 爱康*1</p>
          <p>2、健康管理平台项目搭建</p>
          <p>3、2C平台上线工作</p>
        </td>
        <td>&nbsp;</td>
        <td>
          <p>8.14</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>研发中心</p>
        </td>
        <td>
          <p>FE组</p>
        </td>
        <td>
          <p>魏丹</p>
       ...

JavaScript

let d = document.getElementById('html').innerHTML

let c = d.replace(/<table.*?>/, `<table style="border-collapse: collapse; width: 100%;" border="1">`)


document.getElementById('html').innerHTML = c
console.log(c)