Bom, sou novo usando Javascript e estou tendo algumas dificuldades. Tenho uma box que possui 6 links, isso envolvido em um dom-repeat, ou seja, são muitas 'boxes' com 6 links dentro. Preciso checar se dentro de cada box existe algum link, se tiver um eu já posso deixar a box visível, porém se todos forem nulos ou vazios a box deve sumir. Infelizmente não estou conseguindo pensar numa lógica boa o suficiente para conseguir o que preciso. Além disso estou com dificuldades em conseguir o valor do href.
Tentei criar um código, mas além de não estar funcionando, acho que estou pensando mal na forma de resolver o problema, me parece faltar algo para analisar todos os 6.
Função que criei para tentar resolver:
function teste(){
var div = document.getElementsByClassName('box');
var links = div.getElementsByTagName('a').href;
if(links == '#'){
div.style.display = 'none'
}
}
Montei uma segunda função, mas também não funcionou
function teste2(){
var box = document.getElementsByClassName('box');
var link = box.getElementsByTagName('a').href;
var contar = 0;
for (x = 0; x < 6; x++){
if(link == "#"){
contar++
}
}
if (contar == 6){
box.style.display = 'none'
}
}
HTML base
<div class="box">
<a href="#">A</a>
<a href="#">B</a>
<a href="#">C</a>
<a href="#">D</a>
<a href="#">E</a>
<a href="#">F</a>
</div>
getElementsByClassName
egetElementsByTagName
retornam arrays (e não um único elemento), então vc deve percorrer estes arrays para acessar os elementos retornados