Question

我正在研究的情况是，当我在文本框中输入数字时，我需要生成动态div。实际上我正在努力与当前的div没有正确对齐。然后我需要为div生成ID。为此，代码可用，但代码不被视为默认div作为preview1然后它必须继续像预览2，预览3等。 div必须首先安排序列才能显示预览1 ......

{{1}}

这是小提琴Link

提前致谢。

请帮帮我。

Answer 1

如果我说得对，请更改javascript，如下所示：

//prevPage.style.position="absolute";            
//preview_PageSize.appendChild(prevPage);
prevPage.style.width="100%";           
preview_PageSize.parentNode.insertBefore(prevPage, preview_PageSize);

Answer 2

为了改善定位，您可以将不同的类应用于子元素，如下所示：

prevPage.className = "preview_windowSize_element";

并使用CSS：

.preview_windowSize_element {
position: absolute;
left: 31px;
top: 0px;
width: 100%;
height: 100%;
}

从页面ID 1开始，您可以修改脚本：

prevPage.setAttribute('id', ['page' + (totalCount + 1)]);

Answer 3

您搜索的内容是jsFiddle吗？

我只是在每个left中添加div位置，因为您将它们设置为position:absolute。所以我添加了这一行：

prevPage.style.left= (26 * totalCount) + "px";

我只是像这样放26，它将是按钮的宽度

使用javascript以序列格式排列div

3 个答案: