css - 是否有JavaScript小书签可将CSS样式表更改为<table>

我需要复制一个数据显示，该数据显示使用CSS来创建供字处理器使用的表状视图。但是，文字处理器无法识别相邻的“单元”，并且会弄乱布局。我想要一个小书签将即时将<div>转换为语义<tr> – <th> – <td>组合。

示例源html：

<div class="row review-row">
    <div class="col-6 review-label">old or new?</div>
    <div class="col-4">new</div>
</div>
<div class="row review-row">
    <div class="col-6 review-label">id?</div>
    <div class="col-s4">16</div>
</div>
<div class="row review-row">
    <div class="col-6 review-label">why do you cancel?</div>
    <div class="col-4">because</div>
</div>
<div class="row review-row">
    <div class="col-6 review-label">why bother</div>
    <div class="col-4">i have to :(</div>
</div>

我希望小书签生成的HTML：

<table>
<tr>
    <th>old or new?</th>
    <td>new</td>
</tr>
<tr>
    <th>id?</th>
    <td>16</td>
</tr>
<tr>
    <th>why do you cancel?</th>
    <td>because</td>
</tr>
<tr>
    <th>why bother</th>
    <td>i have to :(</td>
</tr>
</table>

最佳答案

我用Greasemonkey脚本来代替它。这遍历了每个后续的div。

由于我已经为特定的“表”布局做好了准备，因此不是通用的，我认为共享脚本没有用。