Anda menggunakan tatasusunan sebagai objek, getElementbyId dan getElementsByClassName ialah:

• getElementbyId akan mengembalikan objek elemen atau batal jika tiada elemen dengan ID itu ditemui
• getElementsByClassName akan mengembalikan Live HTMLCollection, yang mungkin panjangnya 0
jika tiada unsur sepadan ditemui

getElementsByClassName

https://www.w3.org/ TR/2008/WD-html5-20080610/dom.html#getelementsbyclassname

Dapatkan ElementById

https://developer.mozilla.org/en- US/docs/Web/API/Document/getElementById

Sertakan baris berikut dalam kod anda:

akan tidak berfungsi seperti yang diharapkan kerana getElementByClassName akan mengembalikan tatasusunan, dan tatasusunan itu getElementByClassName将返回一个数组，并且该数组不具有样式 属性，您可以通过迭代来访问每个元素 memang

getElementById 为您工作的原因，该函数将返回直接对象。因此，您将能够访问 styleIni adalah fungsi

Milik AndagetElementById 代码之所以有效，是因为 ID 必须是唯一的，因此该函数始终只返回一个元素（如果没有找到，则返回 null).

Namun, kaedah ini getElementsByClassName, getElementsByName, getItemByTagName, dan getElementsByTagNameNS Mengembalikan koleksi elemen yang boleh diubah.

Nama kaedah memberikan petunjuk: getElement 暗示单数，而getElements menyiratkan jamak .

Kaedah querySelector a> juga mengembalikan satu elemen, dan querySelectorAll code> mengembalikan koleksi yang boleh diubah.

Koleksi boleh diulang boleh jadi NodeList 或 HTMLCollectionNodeList一个> atau

satu>. getElementsByName和 querySelectorAll 均指定返回 节点列表;其他 getElementsBy* 方法 指定返回 HTMLCollection

document.getElements…(…) 读取 style dan NodeList 或 HTMLCollection 没有 style；只有 Element 具有 stylequerySelectorAll

Koleksi "seperti tatasusunan" ini ialah senarai sifar atau lebih elemen yang perlu anda ulangi untuk mengaksesnya. Walaupun anda boleh mengulanginya seperti tatasusunan, sila ambil perhatian bahawa ia tidak sama dengan noreferrer">s. 数组

Array.from(document.getElementsByClassName("myElement"))
  .forEach((element) => element.style.size = "100px");

var elements = Array.prototype.slice
    .call(document.getElementsByClassName("myElement"));

for(var i = 0; i < elements.length; ++i){
  elements[i].style.size = "100px";
}

document.querySelectorAll(".myElement")
  .forEach((element) => element.style.size = "100px");

var elements = document.getElementsByClassName("myElement");

for(var i = 0; i < elements.length; ++i){
  elements[i].style.size = "100px";
}

$(".myElement").css("size", "100px");