<HTML>
<HEAD>
<TITLE>获取对象参数的演示代码</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function doClick() {
// Build a string of all the offsets starting from the
// clicked element.
var el = event.srcElement;
var offset = "Offsets\n";
while (el != null) {
offset += "\n" + el.tagName + ": (" + el.offsetLeft +
", " + el.offsetTop + ")";
if (el.tagName == "TABLE") {
offset += "(行数:" + el.rows.length + ", 列数:" + el.rows[0].cells.length +")";
}
el = el.offsetParent;
}
alert(offset);
}
document.onclick = doClick;
</SCRIPT>
</HEAD>
<BODY>
<H1>获取对象属性的演示代码</H1>
<P>在一个对象上单击鼠标,可以显示对象及其父对象的绝对坐标,如果点击的对象是表格的单元格,则同时显示表格的行数和第一行的列数。
<TABLE BORDER>
<CAPTION>表格 <EM>演示</EM></CAPTION>
<TR><TD>Table Cell 1</TD><TD>Table Cell <STRONG>2</STRONG></TD></TR>
<TR><TD>Table Cell 3</TD><TD>Table Cell 4</TD></TR>
<TR><TD>Table Cell 5</TD><TD>Table Cell 6</TD></TR>
<TR><TD>Table Cell 7</TD><TD>Table Cell 8</TD></TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>获取对象参数的演示代码</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function doClick() {
// Build a string of all the offsets starting from the
// clicked element.
var el = event.srcElement;
var offset = "Offsets\n";
while (el != null) {
offset += "\n" + el.tagName + ": (" + el.offsetLeft +
", " + el.offsetTop + ")";
if (el.tagName == "TABLE") {
offset += "(行数:" + el.rows.length + ", 列数:" + el.rows[0].cells.length +")";
}
el = el.offsetParent;
}
alert(offset);
}
document.onclick = doClick;
</SCRIPT>
</HEAD>
<BODY>
<H1>获取对象属性的演示代码</H1>
<P>在一个对象上单击鼠标,可以显示对象及其父对象的绝对坐标,如果点击的对象是表格的单元格,则同时显示表格的行数和第一行的列数。
<TABLE BORDER>
<CAPTION>表格 <EM>演示</EM></CAPTION>
<TR><TD>Table Cell 1</TD><TD>Table Cell <STRONG>2</STRONG></TD></TR>
<TR><TD>Table Cell 3</TD><TD>Table Cell 4</TD></TR>
<TR><TD>Table Cell 5</TD><TD>Table Cell 6</TD></TR>
<TR><TD>Table Cell 7</TD><TD>Table Cell 8</TD></TR>
</TABLE>
</BODY>
</HTML>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货