How to catch a Parent element from a child with id?

Question

I have the following code:

<div></div>

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

I need to take this div:

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

I tried this way:

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

that returned me the father:

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

Basically it’s two questions, how do I get this div with class 'madcap' and you can make a getElement of a getElement guy:

document.getElementsByName('profile_id')[0].parentNode.getElementByClassName('minhaClasse'));

Answer 1

you can do the following:

x = document.getElementsByClassName("minhaClasse");

this will return all the elements that have this class, then you just iterate and perform the process you want:

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

Answer 2

I recommend taking a look at https://www.w3schools.com/jsref/prop_node_childnodes.asp I can’t remember which syntax is right but I think this particular code might help you https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_node_childnodes2

EDIT

I forgot to put some details to reference a specific div you must show the code which div vc want, recommend putting an id in the parent div and dps execute the commands and codes you want,

Example:

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>