javascript当中操纵table的用法

2.操纵table

例 2.1（CreateSelectOptionEventPassParamIEFF.html）

<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <TITLE></TITLE>
</HEAD>
<BODY id="bodyq">
<TABLE id="test" border="1" style="border-collapse:collapse">
    <TR>
        <TD>11</TD>
        <TD>12</TD>
        <TD>13</TD>
        <TD>14</TD>
    </TR>
    <TR>
        <TD>21</TD>
        <TD>22</TD>
        <TD>23</TD>
        <TD>24</TD>
    </TR>
</TABLE>
</BODY>
</HTML>
<script>
    function doimg(event)
    {
        var event = event || window.event;
        var eSource =event.srcElement||event.target;

/*马克-to-win：下列实验可以通过event取到。以下的实验证明event.target 就是obj，马克-to-win：event.target是最上层的元素,本例中onChange只有select有，而option并没有onChange这个概念。这就是为什么，event.target这个顶层元素是select,而不是option的原因。详情见例4.1.*/
        var obj= document.getElementById("city");
        alert("obj===event.target is"+ (obj===eSource));
        var inde=eSource.selectedIndex;
        alert(obj.value+inde);
        change(inde,obj.value);
    }

更多内容请见原文，文章转载自：https://blog.csdn.net/qq_43650923/article/details/103050402

posted @ 2021-12-11 21:21  malala  阅读(15)  评论(0)  编辑  收藏  举报