1

tenho o seguinte codigo:

<div></div>

<div>
  <div class='minhaClasse'>
    <div id='text'>hhaushdus</div>
    <input name='profile_id' />
  <div>
</div>

Preciso pegar essa div:

<div class='minhaClasse'>
  <div id='text'>hhaushdus</div>
  <input name='profile_id' />
<div>

Tentei desta maneira:

let element = document.getElementsByName('profile_id')[0].parentNode;

isso me retornou o pai:

<div>
  <div class='minhaClasse'>
    <div id='text'>hhaushdus</div>
    <input name='profile_id' />
  <div>
</div>

Basicamente são duas perguntas, como eu pego esta div com a classe 'minhaClasse' e se tem como fazer um getElement de um getElement tipo:

document.getElementsByName('profile_id')[0].parentNode.getElementByClassName('minhaClasse'));
1
  • Mas o objetivo é apanhar um elemento pai com a classe minhaClasse ou um irmão ? No exemplo dado minhaClasse é pai de profile_id
    – Isac
    11/10/2018 às 20:58

2 Respostas 2

1

você pode fazer o seguinte:

x = document.getElementsByClassName("minhaClasse");

isto vai retornar todos os elementos que possuem esta classe, depois basta você iterar e realizar o processo que você deseja:

for (var i = 0; i < x.length; i++) {
    //seu código aqui
}
1

Eu recomendo dar uma olhada em https://www.w3schools.com/jsref/prop_node_childnodes.asp Não lembro qual a sintaxe correta mas acho que esse código especifico pode te ajudar https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_node_childnodes2

EDIT

Esqueci de por alguns detalhes para referenciar um div especifico vc deve mostrar pro código qual div vc quer, recomendo colocar um id na div pai e dps executar os comandos e códigos que vc quer,

Exemplo:

function myFunction() {
    var c = document.getElementById("myDIV").childNodes;
    c[1].style.backgroundColor = "yellow";
}
<div></div>

<div id="myDIV">PAI
  <div class='minhaClasse'>FILHO
    <div id='text'>hhaushdus</div>
    <input name='profile_id' />
  <div>
</div>

<button onclick="myFunction()">Try it</button>

3
  • Eu só queria entender pq dão negativo se estou tentando ajudar ... E se a resposta não está errada por si só
    – Mirusky
    11/10/2018 às 20:49
  • Recomendo não colocar o link do artigo, em vez disso, transcreva-o. 11/10/2018 às 20:53
  • 1
    Eu editei dando um exemplo... Mas agora vou realmente escrever e colocar fontes
    – Mirusky
    11/10/2018 às 20:54

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .