Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何创建<;a>;从脚本标记内的javascript数组动态链接?_Javascript_Script Tag - Fatal编程技术网

如何创建<;a>;从脚本标记内的javascript数组动态链接?

如何创建<;a>;从脚本标记内的javascript数组动态链接?,javascript,script-tag,Javascript,Script Tag,我试图从一个JS数组中创建一个带有href和innerHTML的3链接,该数组在脚本标记之外声明。我不知道如何将数组传递到脚本标记中,并使用它创建自定义元素。 这是我的JS数组 let linkArr = [ { "name": "A sample URL", "url": "https://asampleurl.com" }, {

我试图从一个JS数组中创建一个带有href和innerHTML的3链接,该数组在脚本标记之外声明。我不知道如何将数组传递到脚本标记中,并使用它创建自定义元素。 这是我的JS数组


    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>