javascript - 使用数组创建 div

Question

我有一个字符串数组，我想在自己的<div>标签 中显示每个数组元素，<div "class">one</div><div class"two">one</div>每个div标签都应该有一个对所有人都通用的类。所有过程都从单击按钮开始

按钮代码

<asp:Button OnClientClick="abc();" runat="server" />

脚本函数

function abc()
    {
        debugger;
        var arrayVariable = "one,two,three";
        var arrayLength = arrayVariable.length;
        var temp;
        for (i = 0; i < arrayLength; i++) {
            temp = document.createElement('div');
            temp.className = 'results';
            temp.innerHTML = arrayVariable[i];
            $('#inputcomshow').append(temp);
            //document.getElementById("#inputcomshow").value = replaced
        }

        }

标签： javascripthtml

Answer 1

您需要先将字符串转换为数组。
用这个：

   function abc()
    {
        debugger;
        var stringVariable = "one,two,three"; // string
        var arrayVariable = stringVariable.split(","); // now string to array
        var arrayLength = arrayVariable.length;
        var temp;
        for (i = 0; i < arrayLength; i++) {
            temp = document.createElement('div');
            temp.className = 'results';
            temp.innerHTML = arrayVariable[i];
            $('#inputcomshow').append(temp);
            //document.getElementById("#inputcomshow").value = replaced
        }
     return false;
    }