zoukankan      html  css  js  c++  java
  • tbody,你注意了吗?

    请看下列代码:看完此段代码,先别急着往下看。你知道结果为什么是这样吗?

    <html>
    <head>parentElement Test</head>
    <body>
    <form name= "a">       
        <table name= "b ">
        <tr name= "c"   >       
           <td name="d">       
            <select name= "e" onchange="javascript:alert(this.parentElement.parentElement.parentElement.name) ">
            <option> 1 </option>
            <option> 2 </option>
            <option> 3 </option>
            <option> 4 </option>
            </select>
           </td>    
           <td>   </td>
          </tr>       
          <tr>   </tr>
        </table>       
        </form>  
      </body>
    </html>
    问题:上述代码中,并没有得出我们预想的b,而是undefined。如果把onchange事件中的代码换成:javascript:alert(this.parentElement.parentElement.parentElement.parentElement.name) ,此时才得出我们预想的b。

    请看:
    <html>
    <head>parentElement Test</head>
    <body>
    <form name= "a">       
        <table name= "b ">
        <!--这里的tbody,不论你写上或是不写,默认都是存在的-->
        <tbody name="tbody">    
        <tr name= "c"   >       
           <td name="d">       
            <select name= "e" onchange= "javascript:alert(this.parentElement.parentElement.parentElement.name) ">
            <option> 1 </option>
            <option> 2 </option>
            <option> 3 </option>
            <option> 4 </option>
            </select>
           </td>    
           <td>   </td>
          </tr>       
          <tr>   </tr>
         </tbody>
        </table>       
        </form>  
      </body>
    </html>
    还是第一段的代码,只是在<table>标签后加了<tbody>,再运行,弹出提示tbody。正是我们预想的。

  • 相关阅读:
    使网页变灰的代码(包括FLASH等所有网页元素).
    技术面试问题回答
    Spring总结
    IE9插件差不多完成了
    通过dymamic简化Pinvoke调用
    shuffle算法的一种简易实现
    用Reactive Extensions快速实现鼠标手势功能
    编写递归调用的Lambda表达式
    Visual Studio 11 开发者预览版可以下载了
    关于获取所有排列方式的算法
  • 原文地址:https://www.cnblogs.com/chinafine/p/1408366.html
Copyright © 2011-2022 走看看