javascript - 使用数组创建 div

标签 javascript html

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

按钮代码

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

JavaScript 函数

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
        }

        }

最佳答案

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

   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;
    }

关于javascript - 使用数组创建 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50618056/

相关文章:

javascript - 为什么 onsubmit 不起作用,如果我在控制台中调用它运行的函数?

html - 有没有人遇到过自定义属性不起作用的浏览器?

html - DIV 下方将不再显示任何内容

javascript - 格式化下拉框中的文本

javascript - 如果 'tr' 中的任何一个没有给出文本,则删除所有 'td'

java - 将 jqplot 图表导出为 PDF

javascript - jQuery 可选小部件和一列表格行

javascript - Jquery 验证后 OnClick 不起作用

java - 如何将现有的 javascript 转换为 java 以与 GWT 一起使用?

javascript - Foundation 6 - 单击时下拉元素不激活链接