[RESOLVED] get h2 tag content and its just parent id

**raj_2006** · 06-10-2011, 10:29 AM

Hi all,

I am trying to get content of h2 tag and the parent div id of h2 tag.

Code:

HTML Code:

<div id="experiment">
   <h2>test</h2>
</div>

Is it possible?Please suggest me the best possible way.

Thanks in advance.

Raj

**maurycy** · 06-10-2011, 11:16 AM

Code:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
	var myH2 = 
	$('<div/>').html("h2 content:<br />" + $("h2").html() + "<br /> and parent id:<br />"+$("h2").parent().attr('id')).appendTo("#result");
});
</script>
</head>

<body>
<div id="experiment">
   <h2>Thats my H2</h2>
</div>
<div id="result">
</div>
</body>
</html>

**raj_2006** · 06-10-2011, 11:33 AM

Hi

Can the sam be achieved through javascript not jquery actually the situation is something that I can't use jquery...I have to use only js.

Many thanks for your suggestion

**maurycy** · 06-10-2011, 11:43 AM

Code:

<head>
<script type="text/javascript">
onload = function getInfo(){
	var myH2 = document.getElementsByTagName('h2')[0].innerHTML;
	var myParent = document.getElementsByTagName('h2')[0].parentNode.id;
	document.getElementById('result').innerHTML = 'my h2 element content:<br />'+myH2+'<br />my h2 parent id:<br />'+myParent;
}
</script>
</head>

<body >
<div id="experiment">
   <h2>Thats my H2</h2>
</div>
<div id="result">
</div>
</body>
</html>

that's better?