html转word（带css style）

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="https://www.jqueryscript.net/demo/Export-Html-To-Word-Document-With-Images-Using-jQuery-Word-Export-Plugin/FileSaver.js"></script>
<script src="https://www.jqueryscript.net/demo/Export-Html-To-Word-Document-With-Images-Using-jQuery-Word-Export-Plugin/jquery.wordexport.js"></script>
<br />
<div id="export">
<table id="tblexportword"   cellspacing="0" cellpadding="0" style="border-collapse:collapse;" >
</table>
</div>
<button class="ExportToWord">Export To Word(.doc) </button>
<script type="text/javascript">

   $(function () {
    GenerateWordFile();
    $(".ExportToWord").click(function (){
        $("#export").wordExport();
    })
   });
function GenerateWordFile() {
     
        var row = "<tr> <td colspan='3' style='text-align: center; border:1px solid #339999;'>" + "Nomenclature" + "</td></tr>";
       row += "<tr> <td colspan='3' style='text-align: center;border:1px solid #339999;'>" + "Title" + "</td></tr>";
       row += "<tr> <td colspan='3' style='text-align: center;border:1px solid #339999;'>sep</td></tr>";
    row += "<tr> <td colspan='3' style='text-align: center;border-left:0;border-right:0;border-top:1px solid #339999'>qua</td></tr>";//border-left:0;border-right:0  set border-left and border-right
       row += "<tr>  <td rowspan='6' style='width:60%;border:1px solid #339999;'> SEARLE </td> <td style='border:1px solid #339999;'> Company Code </td>  <td style='border:1px solid #339999;'>0]</td> </tr>";
       row += "<tr>  <td style='border:1px solid #339999;'> Plant Code </td> <td style='border:1px solid #339999;'>  1 </td> </tr> ";
       row += "<tr>  <td style='border:1px solid #339999;'> Document # </td> <td style='border:1px solid #339999;'> " + "Nomenclature" + "</td></tr> ";
       row += "<tr>  <td style='border:1px solid #339999;'> Superseded # </td> <td style='border:1px solid #339999;'> " + "OldsopName"+ "</td></tr> ";
       row += "<tr>  <td style='border:1px solid #339999;'> Created Date </td> <td style='border:1px solid #339999;'> " + "Created" + "</td></tr> ";
       row += "<tr>  <td style='border:1px solid #339999;'> Review Date </td> <td style='border:1px solid #339999;'> " + "Nomenclature" + "</td></tr> ";
       $('#tblexportword').append(row);
       
   }
</script>

关键点在于把style直接写在element里，二不能写在style标签里
测试结果:

html中有图片还不行