Code:
<style type="text/css">
img { width: 100px; height:100px;}
</style>
<body>
<table>
<tr>
<td><img src="a.jpg"></td><td><img src="b.jpg"></td><td><img src="c.jpg"></td>
</tr>
<tr>
<td><img src="d.jpg"></td><td><img src="e.jpg"></td><td><img src="f.jpg"></td>
</tr>
<tr>
<td><img src="g.jpg"></td><td><img src="h.jpg" onclick="alert(this.style.offsetLeft)"></td><td><img src="i.jpg" onclick="alert(this.style.left)"></td>
</tr>
</table>
</body>

</html>
I tried
alert(this.style.offsetLeft)
but it displays "undefined".
What is distance between left margin of page and i.jpg? How can I find out it?