Can I get the parent Div tag innerHTML from a child span click event see code

Question

<body>
  <div class='Myclass'>
     Value I Want, I have already got the span inner html, but I want to add the the value of the div
     <span onclick='Some javascript to get div value'>some html</span>
  </div>
</body>

Answer 1

Tell me if I can improve this answer.

Please thank @JoshCrozier for his jsfiddle ( https://jsfiddle.net/1p2j4em7/ ) which imparted some new information for this answer to be the best it could be.

 function getText(elem){ alert(elem.previousSibling.nodeValue.trim()) }

 <body> <div class='Myclass'> Value I Want, I have already got the span inner html, but I want to add the the value of the div <span onclick='getText(this);'>some html</span> </div> </body>

Here is a solution that is generic for as many divs as you want.

 window.addEventListener('load', function() { var divs = document.getElementsByClassName('Myclass'); for (var i = 0; i < divs.length; i++) { divs[i].children[0].onclick = function() { alert(this.previousSibling.nodeValue.trim()) } } });

 <body> <div class='Myclass'> Value I Want, I have already got the span inner html, but I want to add the the value of the div <span onclick='getText(this);'>some html</span> </div> </body>

Can I get the parent Div tag innerHTML from a child span click event see code

Question

1 answers

solution1
2 2015-12-25 00:08:26

Can I get the parent Div tag innerHTML from a child span click event see code

Question

1 answers

solution1 2 2015-12-25 00:08:26

solution1
2 2015-12-25 00:08:26