如何使用javascript拆分逗号分隔的字符串并插入html

以下是字符串：

var numbers = "1,2,3,4,5,6,7,8,9,10";

我希望将此字符串分隔并插入html

每次我刷新页面时，数字应该一个接一个地迭代

编辑：抱歉，忽略上面的行。如果我点击了一个按钮，它应该遍历字符串并逐个显示

有人能帮我吗？

html:

<div id="x"></div>
<button id="y">---</button>

js:

html:

js:

---

您可以使用defualt函数

即

var数组=数字。拆分

---

数组将是一个普通的javascript数组

您可以使用default函数

即

var数组=数字。拆分

数组将是一个普通的javascript数组

请参阅此提琴：

单击按钮：

<button onclick='clicked()'>ClickMe</button>

function clicked(){
var numbers = "1,2,3,4,5,6,7,8,9,10";
var c= numbers.split(','); //Split a string into an array of strings
for(var i=0;i<c.length;i++)
    alert(c[i]);
}

参考这把小提琴：

单击按钮：

<button onclick='clicked()'>ClickMe</button>

function clicked(){
var numbers = "1,2,3,4,5,6,7,8,9,10";
var c= numbers.split(','); //Split a string into an array of strings
for(var i=0;i<c.length;i++)
    alert(c[i]);
}

变量数=1,2,3,4,5,6,7,8,9,10； $numbers.split'，'.eachfunction{ $'main'。追加+此+； }; 变量数=1,2,3,4,5,6,7,8,9,10； $numbers.split'，'.eachfunction{ $'main'。追加+此+； }; 试试这个

var numbers = "1,2,3,4,5,6,7,8,9,10";
var n=numbers.split(','),
    i=0;
$('#button').on('click', function(){
   $('#show').text(n[i++]);
   if(i==n.length) i=0;
});

HTML

增加我试试这个

var numbers = "1,2,3,4,5,6,7,8,9,10";
var n=numbers.split(','),
    i=0;
$('#button').on('click', function(){
   $('#show').text(n[i++]);
   if(i==n.length) i=0;
});

HTML

增量me使用此返回按

变量数=1,2,3,4,5,6,7,8,9,10

$("button").on('click', function () {
    var spltValue = String(numbers).split(",");
    for (var i = 0; i < spltValue.length; i++) {
        var aData = spltValue[i];
        console.log(aData);
    }
});

使用此函数返回按拆分的数据数组

变量数=1,2,3,4,5,6,7,8,9,10

$("button").on('click', function () {
    var spltValue = String(numbers).split(",");
    for (var i = 0; i < spltValue.length; i++) {
        var aData = spltValue[i];
        console.log(aData);
    }
});

推送到一个数组并相应地处理它

---

---

推到一个数组并相应地处理它。

每次我刷新页面时，数字应该一个接一个地重复，我对这一行感到困惑。你能详细说明一下吗？很难理解这里的目的！添加一个示例，说明您希望如何将上述标记插入到页面中。关于分隔字符串所需的内容？请改用cookie或本地存储…每次刷新页面时，数字都应该一个接一个地重复。我对这一行感到困惑。你能详细说明一下吗？很难理解这里的目的！添加一个示例，说明您希望如何将上面的标记插入到页面中。关于需要分隔字符串的内容？请使用cookie或本地存储…这很好，但当我单击btn时，所有编号都会显示..我只需要显示下一个字符串..如为1，如果单击btn，我应该只显示2这很好，但当我单击btn所有编号都会显示..我只需要显示下一个字符串..就像如果它是1，如果我单击btn，我应该只显示2我需要在中显示字符串dom@karthik当你点击按钮时，它应该在某个div中一个接一个地显示？或者一次显示所有字符串？@karthik我不这么认为。Canvas在2D图形中使用了完全不同的方法。另外，如果我的回答有帮助，一定要接受；我需要字符串显示在dom@karthik当你们点击按钮时，它应该在某个div中一个接一个地显示？或者一次显示所有字符串？@karthik，我不这么认为。画布在2D图形中的使用完全不同。另外，如果我的回答有帮助，一定要接受；谢谢rohan，这也适用于html5画布吗？？我需要在画布中加载数字是的，如果你有任何错误，你可以尝试制作一个在线演示。。看到这个，我试过了，但有错误。我需要在oreder中加载字母。这里他们使用math.random将字符串随机加载到画布中。如何有序地加载。你能帮助我查看我上次更新的答案和演示欢迎：。很高兴提供帮助。谢谢rohan，这也适用于html5画布吗？？我需要在画布中加载数字是的，如果你有任何错误，你可以尝试制作一个在线演示。。看到这个，我试过了，但有错误。我需要在Order中加载字母。这里他们使用math.random将字符串随机加载到画布中。如何有序地执行。你能帮我查看我上次更新的答案和演示欢迎：。很高兴提供帮助。