0

我通过将数字传递给以下函数来创建计数器：

function numberToHtml(n) {
            function createSpan(n) {
                var span = document.createElement('span');
                span.textContent = n;
                return span;
            }
            function iter(n, container) {
                if (n === '') return container;
                container.insertBefore(createSpan(n.slice(-3)), container.firstChild);
                return iter(n.slice(0,-3), container);
            }
            return iter(String(n), document.createDocumentFragment());
        }

这将返回：

DocumentFragment [ <span>, <span> ]

我很难在 DocumentFragment 中获取许多元素。我试过$(myobject).length了，它返回 1。

如何获取 DocumentFragment 中的项目数？

4

2 回答 2

2 
var me = numberToHtml(123455);
alert( me.childElementCount);

警报 2 注意：也me.children.length返回 2

要查看您必须使用的内容，请执行以下操作：

console.dir(me);

然后在控制台中展开它。

于 2015-08-30T22:16:25.457 回答
1

对不起，我的第一个答案不正确。我很难弄清楚你是如何得到你的结果的（那会很有帮助）。您正在寻找的是：

var myobject = numberToHtml(3231123123);
var length = $(myobject).children().length;
alert(length); // 4

或者正如 juhana 指出的那样，您可以省略 jquery 包装器：

var myobject = numberToHtml(3231123123);
var length = myobject.children.length;
alert(length); // 4

由于 span 元素是作为子元素添加的，因此您需要计算容器的子元素。

于 2015-08-30T22:11:32.490 回答