Question

我在网上找到了这个代码（归功于老板，对不起，我忘记了网站），我只是想为它添加风格（我刚刚开始练习我的html和即时通讯尝试csv格式显示）但它没有显示。我唯一能做的就是添加一些边框并更改文字颜色。

我想要做的是以表格格式显示上传时表格行的位置。我做了很多研究，但我仍然无法弄明白。我也尝试使用表td和tr，但它没有工作，我不知道把它放在代码中的位置。也许我太傻了所以原谅我......

<!DOCTYPE html>
<html>  
<head>  

    <script type="text/javascript">

            function loadFile(o)
            {
                var fr = new FileReader();
                fr.onload = function(e)
                    {
                        showDataFile(e, o);
                    };
                fr.readAsText(o.files[0]);
            }

            function showDataFile(e, o)
            {
                document.getElementById("data").innerText = e.target.result;
                document.getElementById("data").style.color="blue";
                //document.getElementById("data").style.borderRight="thick 
 solid #0000FF";
                //document.getElementById("data").style.columnRuleWidth = 
 "thick";
                //document.getElementById("data").style.columnRuleStyle = 
 "solid";

            }
        </script>

 </head>
 <body>
    Select file to read <input type="file" onchange="loadFile(this)">
    <pre id="data"></pre>

 </body>

 </html>

如何格式化CSV文件以像html中的表格一样显示

0 个答案: