如何创建<;a>;从脚本标记内的javascript数组动态链接?
我试图从一个JS数组中创建一个带有href和innerHTML的3链接,该数组在脚本标记之外声明。我不知道如何将数组传递到脚本标记中,并使用它创建自定义元素。 这是我的JS数组如何创建<;a>;从脚本标记内的javascript数组动态链接?,javascript,script-tag,Javascript,Script Tag,我试图从一个JS数组中创建一个带有href和innerHTML的3链接,该数组在脚本标记之外声明。我不知道如何将数组传递到脚本标记中,并使用它创建自定义元素。 这是我的JS数组 let linkArr = [ { "name": "A sample URL", "url": "https://asampleurl.com" }, {
let linkArr = [
{
"name": "A sample URL", "url": "https://asampleurl.com"
},
{
"name": "Another sample URL", "url": "https://anothersampleurl.com"
},
{
"name": "A final sample URL", "url": "https://afinalsampleurl.com"
}
]
这就是我正在尝试的
'''
var a=document.createElement(“a”);
var link1Name=document.currentScript.getAttribute('link1Name');
var text=document.createTextNode(link1Name);
a、 附件(文本);
a、 href=link1Href;
var元素=document.getElementById(“链接”);
元素。子元素(a);
“”“首先,不确定您在这里要做什么:
<script link1Name=this.links[0].name, link1Href= this.links[0].url>
<script link1Name=this.links[0].name, link1Href= this.links[0].url>
<script>
var element = document.getElementById("links");
linkArr.forEach(link => {
var a = document.createElement("a");
a.innerText = link.name;
a.href = link.url;
element.appendChild(a);
})
</script>