Java教程

javascript当中操纵table的用法

本文主要是介绍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

这篇关于javascript当中操纵table的用法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!