Javascript 使用appendChildren添加按钮

Javascript 使用appendChildren添加按钮,javascript,Javascript,我正在尝试使用以下代码。我正在尝试更改按钮以显示 1-5-10-15-20等 appendChildren(buttons, pages.map( function (page, index) { var button = document.createElement("button"); button.addEventListener("click", display); button.innerHTML = (index + 1) +

我正在尝试使用以下代码。我正在尝试更改按钮以显示

1-5-10-15-20等

appendChildren(buttons, pages.map(
    function (page, index) {
        var button = document.createElement("button");
        button.addEventListener("click", display);
        button.innerHTML = (index + 1) + "-" + (index + 5);
        return button;

        function display() {
            displayPage(page);
        }
    })
);

这里的代码不是我需要的工作方式。

这只是一个数学问题

代码中的这一行:

button.innerHTML = (index + 1) + "-" + (index + 5);
应改为:

button.innerHTML = ((index * 5) + 1) + "-" + ((index * 5) + 5);

您似乎缺少文档。getElementById('pageButtons')。appendChild(button);线,但当我检查你的小提琴时,它显示(?)。似乎您的代码也在删除数组中每个字符串的第一个和最后一个字符串。不确定这是否是故意的。因此,最初,代码只是使用了:button.innerHTML=index+1。我添加了新的部分,试图让它做我想要的。请解释“不是我需要它的工作方式”。它没有添加按钮吗?标签错了吗?点错了?……太好了!非常感谢。