如何将javascript数组的每个元素显示为链接

时间:2014-04-08 05:41:19

标签: javascript html

我对网络开发非常陌生,并且在主要截止日期之前。我非常感谢你对此的帮助。

我有一个通过javascript函数创建的数组,该函数在用户点击网页上的特定表时运行。

<tr id="table1_1_1_0">
    <td><a href="#" onclick="func_get_fields('table1_1_1_0');">Primary</a></td>
</tr>

此函数func_get_fields创建一个数组 List_of_Screen_Names ,其中包含要显示的条目。

我的问题是如何在网页中显示此返回数组的元素,以便每个元素本身都是一个链接。

我发现一些代码可以使用php数组但不能使用javascript。

我该怎么做?

我尝试了另一种方法

document.write('<table border="1" cellspacing="1" cellpadding="5">')

for(i = 0; i < List_of_Screen_Names.length; i++){
   document.write('<tr><td>');
   document.write(List_of_Screen_Names[i]);
   document.write('</td></tr>');
}

document.write('</table>');

这会创建一个字符串表,我认为可以将其更改为链接。但它完全消除了网页,只显示了表格。如何让它在div中显示。

3 个答案:

答案 0 :(得分:2)

您可以使用javascript修改内部html元素。例如,如果要在<div id="results"></div>中显示结果,则代码为:

var myStringArray = ["http://google.com","http://bing.com"]; //Sample array, use yours
var result = ""
for (var i = 0; i < myStringArray.length; i++) {
    result = result + " <a href='" + myStringArray[i] + "'>"+ myStringArray[i] + "</a>";
}
document.getElementById('results').innerHTML = result

我希望它有所帮助!

答案 1 :(得分:0)

使用&#34; split&#34;在javascript中。它返回数组值

  

分割

function func_get_fields(d_id)
{
    var ar = d_id.split('_');
alert(ar[1]);
}

答案 2 :(得分:0)

如果List_of_Screen_Names是一系列链接:

for(var i=0;i<List_of_Screen_Names.length;i++){
    var newLink = document.createElement('a');
    newLink.innerHTML = List_of_Screen_Names[i];
    document.body.appendChild(newLink);
}