Javascript 是否有另一种方法可以使用类“quot；标签；_Javascript_Html_Css_Arrays_Loops

Javascript 是否有另一种方法可以使用类“quot；标签；

javascript html css arrays loops

Javascript 是否有另一种方法可以使用类“quot；标签；,javascript,html,css,arrays,loops,Javascript,Html,Css,Arrays,Loops,我正在设置一个本地服务器，并希望为一个字典（数组）创建一个循环，以便结果以类“tags”的跨度显示。这样以后就可以像按钮一样使用了。但是代码不会循环，我的问题是是否有其他方法来循环代码我已经写了好几次代码，但是代码都不起作用，甚至浏览器的控制台也没有显示错误变量端口_dic=[16,17,18,19,20]；函数循环\u端口（）{ 变量n_list=document.value=ports_dic[“1/1/12”] 对于（变量i=0；i

我正在设置一个本地服务器，并希望为一个字典（数组）创建一个循环，以便结果以类“tags”的跨度显示。这样以后就可以像按钮一样使用了。但是代码不会循环，我的问题是是否有其他方法来循环代码

我已经写了好几次代码，但是代码都不起作用，甚至浏览器的控制台也没有显示错误


变量端口_dic=[16,17,18,19,20]；
函数循环\u端口（）{
变量n_list=document.value=ports_dic[“1/1/12”]
对于（变量i=0；i


var ports_dic=[16,17,18,19,20]；
函数循环\u端口（）{
对于（变量i=0；i节点
var textnode=document.createTextNode（端口号[i]）；//创建一个文本节点
node.appendChild（textnode）；//将文本追加到
document.getElementById（“onu标签”）.appendChild（节点）；//使用id=“myList”将附加到
};
}



端口dic不是字典，您不是在创建span\u元素，而是在为变量span\u元素分配“console.log（）”。邮寄前请仔细核对
<script>
var ports_dic = {"1/1/12":[16, 17, 18, 19, 20]};

function loop_ports(){   
  var n_list = document.value = ports_dic["1/1/12"] 
  for (var i = 0; i < n_list.length; i++){
        var span = document.createElement("SPAN");
        span_element = console.log(n_list[i]);
        span.appendChild(span_element);
        document.getElementById("onu_tags").appendChild(span);
    };
}
</script>
<body onload="loop_ports()">
  <div id="onu_tags" class="tags">

  </div>
</body>


var ports_dic={“1/1/12”：[16,17,18,19,20]}；
函数循环\u端口（）{
变量n_list=document.value=ports_dic[“1/1/12”]
对于（变量i=0；i


var ports_dic={“1/1/12”：[16,17,18,19,20]}；
函数循环\u端口（）{
变量n_list=document.value=ports_dic[“1/1/12”]
对于（变量i=0；i


您已经创建了一个函数，但我看不到您在调用它。函数中div标记的用途这是一个简化版本，我已经通过单击调用了函数，但函数中有更多细节，但已经起作用了