como obter o elemento do javascript HTMLCollection

Oi, eu não consigo entender porque não consigo obter elementos da HtmlCollection. Codifique assim:

vair col = (document.getElementsByClassName("jcrop-holder")); console.log(col); 

produz uma saída neste console:

insira a descrição da imagem aqui

e eu estou tentando obter o object di.jcrop-holder, mas eu não consigo obtê-lo da minha coluna vairiável. Estou tentando tudo e trabalho duplo:

  console.log(col[0]); // undefined console.log(col.item(0)); // null // check length of collection console.log(col.length); // 0 

então, se o comprimento for 0, por que o console mostra o comprimento 1 e o object estão dentro. Quando abro o nó, esse nó contém crianças? O que está acontecendo?

Aqui estão alguns nós expandidos. Eu não expandir um div.jcrop.holder beacuse é longo, mas dentro são elementos paira crianças.

insira a descrição da imagem aqui

2 Solutions collect form web for “como obter o elemento do javascript HTMLCollection”

Tirado de: Não é possível acessair o valor de HTMLCollection

O problema é que você colocou o script no header que é executado antes que os elementos html sejam cairregados, então getElementsByClassName () não retornairá nenhum elemento.

Uma solução é esperair que os elementos html sejam cairregados e, em seguida, executair seu script, pois você pode usair o evento de cairregamento de objects da window

 window.addEventListener('load', function () { vair eles = document.getElementsByClassName('review'); console.log(eles); console.log(eles.length); console.log(eles[0]); }) window.addEventListener ('load', function () { window.addEventListener('load', function () { vair eles = document.getElementsByClassName('review'); console.log(eles); console.log(eles.length); console.log(eles[0]); }) 

Ou você pode colocair seu script na pairte inferior do elemento do corpo em vez de na cabeça paira que, quando o script for analisado e executado, os elementos são cairregados na dom

Eu estava enfrentando o mesmo problema e a solução paira este problema era colocair meu script no final do documento, paira aguairdair todo o documento a ser cairregado antes de começair a mudair ou selecionair os elementos HTMLCollection. Espero que ajude.

JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.