Javascript 插入新列,其中的数据取自其他列+;文本

Javascript 插入新列,其中的数据取自其他列+;文本,javascript,html,Javascript,Html,我是新来的,编程知识非常有限。我只是使用从网上找到的任何东西,然后在上面过期。让我解释一下我的意思 我有一个像这样的数据库文本文件 colh01|colh02|colh03|colh04|colh05| data11|data12|data13|data14|data15| data21|data22|data23|data24|data25| data31|data32|data33|data34|data35| data41|data42|data43|data44|data45| col

我是新来的,编程知识非常有限。我只是使用从网上找到的任何东西,然后在上面过期。让我解释一下我的意思

我有一个像这样的数据库文本文件

colh01|colh02|colh03|colh04|colh05|
data11|data12|data13|data14|data15|
data21|data22|data23|data24|data25|
data31|data32|data33|data34|data35|
data41|data42|data43|data44|data45|
colh01  colh02  colh03  colh04  colh05  colh6 (new column)-->(link to file)
data11  data12  data13  data14  data15  'file-<data11>.pdf' -->(href='http://locahost/file-<data11>.pdf')
data21  data22  data23  data24  data25  'file-<data21>.pdf' -->(href='http://locahost/file-<data21>.pdf')
data31  data32  data33  data34  data35  'file-<data31>.pdf' -->(href='http://locahost/file-<data31>.pdf')
data41  data42  data43  data44  data45  'file-<data41>.pdf' -->(href='http://locahost/file-<data41>.pdf')
现在,我使用在web中找到的javascript将内容显示到表中

<script type="text/javascript">
onload = function () {
    if (!document.getElementById || !document.getElementsByTagName)
        return;
    var frm = null, 
    prenode,
    tbod = document.getElementById('tbod'),
    data = '';
    if ((frm = top.frames['buffer']) //iframe
         && frm.document) { //get <pre> parent
        prenode = frm.document.getElementsByTagName('pre').item(0);
        if (null != prenode
             && null != prenode.firstChild
             && /#text/.test(prenode.firstChild.nodeName)) //text node
        {
            data += prenode.firstChild.data; //read
            data = data.split(/[\n\r]/); //separate lines
            data.splice(0, 0); //lose first two (legend)
            var i = 0,
            l = data.length, rowdata, ii, ll, tr, td;
            for (; i < l; ++i) {
                tr = document.createElement('tr'); //new row
                tbod.appendChild(tr);
                rowdata = data[i].split("|", 6); //separate bits
                for (ii = 0, ll = rowdata.length; ii < ll; ++ii) {
                    td = document.createElement('td'); //new cell
                    td.appendChild(document.createTextNode(rowdata[ii]));
                    tr.appendChild(td);
                }
            }
        }
    }
}

</script>
然后,我想插入一个列(colh6),其中包含从第一列获取的数据。应该是这样的

for (; i < l; ++i)
{
    tr = document.createElement('tr'); //new row
    tbod.appendChild(tr);
    rowdata = data[i].split("|",6); //separate bits
    for (ii = 0, ll = rowdata.length; ii < ll; ++ii)
    {
        td = document.createElement('td'); //new cell
        td.appendChild(document.createTextNode(rowdata[ii]));
        tr.appendChild(td);
    }
    td = document.createElement('td') //column 6 cell
    td.appendChild(document.createTextNode('<a href="http://locahost/file-' + rowdata[0] + '.pdf"> Link text here </a>'));
    tr.appendChild(td);
}
colh01 colh02 colh03 colh04 colh05 colh6(新列)-->(链接到文件)
data11 data12 data13 data14 data15'文件-.pdf'-->(href='10!'http://locahost/file-.pdf')
data21 data22 data23 data24 data25'文件-.pdf'-->(href='class1!'http://locahost/file-.pdf')
data31 data32 data33 data34 data35'文件-.pdf'-->(href='class1!'http://locahost/file-.pdf')
data41 data42 data43 data44 data45'文件-.pdf'-->(href='class4!'http://locahost/file-.pdf')

我该怎么办?数据是用户可以单击以打开文件的超链接

您只需修改此位即可显示链接:

var newlink = document.createElement('a');
newlink.setAttribute('href', 'http://localhost/file-' + rowdata[0] + '.pdf');
newlink.appendChild(document.createTextNode('Link text'));
td = document.createElement('td');
td.appendChild(newlink);
tr.appendChild(td);
(;i { tr=document.createElement('tr');//新行 tbod.儿童(tr); rowdata=data[i]。拆分(“|”,6);//独立位 对于(ii=0,ll=rowdata.length;ii您已经完成了最难的部分,您所缺少的只是如何使用Javascript创建链接。如果您只是在循环后添加这些行,它将使用第一列的内容创建链接


有关创建动态链接的详细信息。

哪里是“用户可以单击以打开文件的超链接”?lol。。看上面的例子,没有看到标签本身。。现在编辑。。谢谢你的评论:)嗨,Ritik Khatwani,谢谢!!!工作如期进行。我可能遗漏了什么,我已经修改了我的帖子。Ritik Khatwani,我刚刚开始这里,我不能将你的回答标记为有用。名声不好。但是你帮我开始。非常感谢!您正在将
a
标记附加到
TR
?嗨,Joachim,我应该在脚本中的何处放置此标记。谢谢你的及时帮助
var newlink = document.createElement('a');
newlink.setAttribute('href', 'http://localhost/file-' + rowdata[0] + '.pdf');
newlink.appendChild(document.createTextNode('Link text'));
td = document.createElement('td');
td.appendChild(newlink);
tr.appendChild(td);