JavaScript HTML DOM ਸੈਕਟਰ

HTMLCollection 对象

getElementsByTagName() 方法返回 HTMLCollection 对象。

HTMLCollection 对象是类数组的 HTML 元素列表（集合）。

下面的代码选取文档中的所有 <p> 元素：

ਇੰਸਟੈਂਸ

var x = document.getElementsByTagName("p");

该集合中的元素可通过索引号进行访问。

如需访问第二个 <p> 元素，您可以这样写：

y = x[1];

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

注释：索引从 0 开始。

HTML HTMLCollection 长度

length 属性定义了 HTMLCollection 中元素的数量：

ਇੰਸਟੈਂਸ

var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length;

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਇੰਸਟੈਂਸ ਵਿਸਥਾਰਣ:

  • ਸਾਰੇ <p> ਐਲੀਮੈਂਟਾਂ ਦਾ ਸਮੂਹ ਬਣਾਓ
  • ਸਮੂਹ ਦੀ ਲੰਬਾਈ ਦਿਸਾਈ

length ਪ੍ਰਤੀ ਇਸ ਸਮੂਹ ਵਿੱਚ ਏਜੈਂਟਾਂ ਨੂੰ ਦੌਰਾ ਕਰਨ ਲਈ ਸਹਾਰਾ ਹੈ:

ਇੰਸਟੈਂਸ

ਸਾਰੇ <p> ਐਲੀਮੈਂਟਾਂ ਦੇ ਪ੃਷ਠ ਰੰਗ ਬਦਲੋ:

var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

HTMLCollection ਮੈਂਡਰਸ ਨਹੀਂ ਹੈ!

HTMLCollection ਦੇਖਦੇ ਹੋਏ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ ਕਿ ਇਹ ਮੈਂਡਰਸ ਹੈ, ਲੇਕਿਨ ਇਹ ਮੈਂਡਰਸ ਨਹੀਂ ਹੈ。

ਤੁਸੀਂ ਸੂਚੀ ਨੂੰ ਦੌਰਾ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਨੰਬਰਬੱਧ ਨਿਰਦੇਸ਼ਾਂ ਰਾਹੀਂ ਏਜੈਂਟਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ (ਜਿਵੇਂ ਕਿ ਮੈਂਡਰਸ ਦੀ ਤਰ੍ਹਾਂ)。

ਲੇਕਿਨ, ਤੁਸੀਂ HTMLCollection ਉੱਤੇ ਅਸਥਾਪਤ ਮੈਥਡ ਵਰਤ ਨਹੀਂ ਸਕਦੇ, ਜਿਵੇਂ ਕਿ valueOf()、pop()、push() ਜਾਂ join()。