js建立一个html,javascript – 创建一个HTMLCollection

这篇博客介绍了一个自定义的HTMLCollection实现,该实现基于一个常规数组,用于存储DOM元素。它包括了`item`和`namedItem`方法,以支持按索引和名称访问元素。此外,博客提到了在使用此实现之前,需要检查传入的参数arr是否为数组,并且其元素是否都是DOM元素。
摘要由CSDN通过智能技术生成

这是我将如何做到这一点:

function MyHTMLCollection( arr ) {

for ( var i = 0; i < arr.length; i += 1 ) {

this[i] = arr[i];

}

// length is readonly

Object.defineProperty( this, 'length', {

get: function () {

return arr.length;

}

});

// a HTMLCollection is immutable

Object.freeze( this );

}

MyHTMLCollection.prototype = {

item: function ( i ) {

return this[i] != null ? this[i] : null;

},

namedItem: function ( name ) {

for ( var i = 0; i < this.length; i += 1 ) {

if ( this[i].id === name || this[i].name === name ) {

return this[i];

}

}

return null;

}

};

其中arr是一个常规数组,包含应该在HTMLCollection中的所有DOM元素.

待办事项列表:

>事先应该检查参数arr:它是一个数组吗?是那个数组DOM元素的所有元素吗?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值