The Use of the "this" Pointer in JavaScript

This tip explains how to pass an object to a JavaScript function and retrieve the values from the "this" object. See the following piece of code:

 
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="JavaScript">
function openWindow(obj){
	alert("Devx:"+obj.name+" Devx:"+obj.DisplayName+" 
Devx:"+obj.SavedName);
}
</script>
</HEAD>
<BODY>
<table>
<tr><td>
<a style="cursor:hand" SavedName="TipSubmitted" 
DisplayName="TechTip"
name="TipSubmission" onClick=openWindow(this)>click...</a>
</td></tr>
</table>
</BODY>
</HTML>

Run the above HTML code and click on the string in the alert. It should show:

 
"Devx:TipSubmission Devx:TechTip Devx:TipSubmitted"

Amit Vij

Submit a Tip

Browse "C++" Tips

Browse All Tips

0 Comments (click to add your comment)

Comment and Contribute