HREF链接Dymamically

Question

我在网页上的JSON文件

<code> 
"links": [ 
      {"link": "http://www.google.com/", 
      "id": "1" 
      }, 
      {"link": "http://www.poogle.com/", 
      "id": "2" 
      }, 
      {"link": "http://www.foogle.com/ ", 
      "id": "3" 
      }, 

] 
</code> 

一些链接，我会像一个js函数或脚本，将在url HREF写出动态

所以，如果IM上页面和href是

<a href id=”1”> </a> 

它应该能够在google.com编写成AHREF。

而且这是采取最好的方法，我应该使用标识？或者是其他东西？

你的洞察力，将有助于

修订

JSON FILE: 

{"links": 

[ 
      {"link": "google.com", 
      "id": "1" 
      }, 
      {"link": "yahoo.com", 
      "id": "2" 
      }, 
      {"link": "msn.com", 
      "id": "3" 
      }, 
      {"link": "mash.com", 
      "id": "4" 
      }, 
      {"link": "facebook.com", 
      "id": "5" 
      } 
     ] 

} 

JS

for (var i = 0; i < linksObj.links.length; i++) { 
    var linkObj = linksObj.links[i]; 
    var elem = document.getElementById(linkObj.id); 

    if (elem) { 
     elem.href = linkObj.link; 
     elem.innerHTML = linkObj.link; 
    } 
} 

HTML

<a id='1'></a><br> 
<a id='2'></a> 

Answer 1

首先，以数字开头的ID无效 - 变化日EM有前:)信

比，虽然其他，这将做到：

for (var i = 0; i < links.length; i++) { 
    var link = links[i]; 
    $('#' + link.id).attr('href', link.link); 
} 

编辑

而且，约翰Hartsock上面提到的，请确保您使用标准的双引号以包围您的属性值，而不是原始代码中显示的那个。

Answer 2

这里是做到这一点的方式，如果你不想使用jQuery：

for (var i = 0; i < links.length; i++) { 
    var link = links[i]; 
    document.getElementById(link.id).setAttribute('href', link.link); 
} 

Answer 3

var linksObj = {"links": [ 
      {"link": "http://www.google.com/", 
      "id": "1" 
      }, 
      {"link": "http://www.poogle.com/", 
      "id": "2" 
      }, 
      {"link": "http://www.foogle.com/ ", 
      "id": "3" 
      }, 

]}; 

for (var i = 0; i < linksObj.links.length; i++) { 
    var linkObj = linksObj.links[i]; 
    var elem = document.getElementById(linkObj.id); 

    if (elem) { 
     elem.href = linkObj.link; 
     elem.innerHTML = linkObj.link; 
    } 
} 

Example