javascript当中操纵table的用法

最新推荐文章于 2024-04-19 05:41:57 发布

仔仔尔

最新推荐文章于 2024-04-19 05:41:57 发布

阅读量377

点赞数

原文链接：https://blog.csdn.net/mark_to_win/article/details/88680915

版权

javascript 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

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;

/*下列实验可以通过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);
    }
    var select = document.createElement("select");
    select.id="city";
    select.onchange = doimg;

    for (var i = 0 ; i < 2 ; i++)
    {
        var op = document.createElement("option");
        op.innerHTML='选项' +i;

仔仔尔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript当中操纵table的用法

2.操纵table例 2.1（CreateSelectOptionEventPassParamIEFF.html）<HTML><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE></TITLE><...
复制链接

扫一扫